update TimePicker
update TimePicker
This commit is contained in:
parent
4db5926d6b
commit
d596b9e4f8
4 changed files with 14 additions and 6 deletions
|
@ -30,6 +30,7 @@
|
|||
@on-pick-click="handlePickClick"></time-spinner>
|
||||
</div>
|
||||
<Confirm
|
||||
v-if="confirm"
|
||||
@on-pick-clear="handlePickClear"
|
||||
@on-pick-success="handlePickSuccess"></Confirm>
|
||||
</div>
|
||||
|
@ -66,7 +67,8 @@
|
|||
disabledHours: [],
|
||||
disabledMinutes: [],
|
||||
disabledSeconds: [],
|
||||
hideDisabledOptions: false
|
||||
hideDisabledOptions: false,
|
||||
confirm: false
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
|
|
|
@ -15,6 +15,7 @@
|
|||
@on-pick-click="handlePickClick"></time-spinner>
|
||||
</div>
|
||||
<Confirm
|
||||
v-if="confirm"
|
||||
@on-pick-clear="handlePickClear"
|
||||
@on-pick-success="handlePickSuccess"></Confirm>
|
||||
</div>
|
||||
|
@ -47,7 +48,8 @@
|
|||
disabledHours: [],
|
||||
disabledMinutes: [],
|
||||
disabledSeconds: [],
|
||||
hideDisabledOptions: false
|
||||
hideDisabledOptions: false,
|
||||
confirm: false
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
|
|
|
@ -18,10 +18,10 @@
|
|||
border-left: 1px solid @border-color-split;
|
||||
&:first-child{
|
||||
border-left: none;
|
||||
border-radius: @btn-border-radius 0 0 0;
|
||||
border-radius: @btn-border-radius 0 0 @btn-border-radius;
|
||||
}
|
||||
&:last-child{
|
||||
border-radius: 0 @btn-border-radius 0 0;
|
||||
border-radius: 0 @btn-border-radius @btn-border-radius 0;
|
||||
}
|
||||
ul{
|
||||
width: 100%;
|
||||
|
|
|
@ -24,7 +24,7 @@
|
|||
<!--style="width: 168px"></time-picker>-->
|
||||
<!--</i-col>-->
|
||||
<i-col span="12">
|
||||
<Time-picker type="time" :value="value" placeholder="选择时间" style="width: 168px"></Time-picker>
|
||||
<Time-picker type="timerange" confirm placeholder="选择时间" style="width: 168px"></Time-picker>
|
||||
<!--<time-picker-->
|
||||
<!--:value="value2"-->
|
||||
<!--type="timerange"-->
|
||||
|
@ -36,6 +36,7 @@
|
|||
<!--@on-clear="clear"-->
|
||||
<!--style="width: 168px"></time-picker>-->
|
||||
</i-col>
|
||||
<i-button @click="time">time</i-button>
|
||||
</row>
|
||||
</template>
|
||||
<script>
|
||||
|
@ -43,7 +44,7 @@
|
|||
data () {
|
||||
return {
|
||||
// value: '2016-12-12 03:03:03',
|
||||
value: '15:12:01',
|
||||
value: '03:12:01',
|
||||
value2: ['08:40:00', '09:40:00'],
|
||||
// value2: [new Date(), new Date()],
|
||||
value3: ['2016-12-01', '2016-12-25']
|
||||
|
@ -60,6 +61,9 @@
|
|||
},
|
||||
clear () {
|
||||
console.log('clear');
|
||||
},
|
||||
time () {
|
||||
this.value = new Date();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue