update TimePicker
update TimePicker
This commit is contained in:
parent
9d844d5318
commit
c1abaed980
3 changed files with 38 additions and 29 deletions
|
@ -37,7 +37,11 @@
|
|||
value: '',
|
||||
hours: 0,
|
||||
minutes: 0,
|
||||
seconds: 0
|
||||
seconds: 0,
|
||||
disabledHours: [],
|
||||
disabledMinutes: [],
|
||||
disabledSeconds: [],
|
||||
hideDisabledOptions: false
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
|
@ -51,11 +55,11 @@
|
|||
newVal = new Date(newVal);
|
||||
if (!isNaN(newVal)) {
|
||||
this.handleChange({
|
||||
hours: date.getHours(),
|
||||
minutes: date.getMinutes(),
|
||||
seconds: date.getSeconds()
|
||||
hours: newVal.getHours(),
|
||||
minutes: newVal.getMinutes(),
|
||||
seconds: newVal.getSeconds()
|
||||
});
|
||||
this.$nextTick(_ => this.scrollTop());
|
||||
this.$nextTick(() => this.scrollTop());
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
@ -1,32 +1,11 @@
|
|||
import Picker from '../picker.vue';
|
||||
import TimePanel from '../panel/time.vue';
|
||||
import Options from '../time-mixins';
|
||||
|
||||
export default {
|
||||
mixins: [Picker],
|
||||
mixins: [Picker, Options],
|
||||
props: {
|
||||
value: {},
|
||||
disabledHours: {
|
||||
type: Array,
|
||||
default () {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
disabledMinutes: {
|
||||
type: Array,
|
||||
default () {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
disabledSeconds: {
|
||||
type: Array,
|
||||
default () {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
hideDisabledOptions: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
value: {}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
|
|
26
src/components/date-picker/time-mixins.js
Normal file
26
src/components/date-picker/time-mixins.js
Normal file
|
@ -0,0 +1,26 @@
|
|||
export default {
|
||||
props: {
|
||||
disabledHours: {
|
||||
type: Array,
|
||||
default () {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
disabledMinutes: {
|
||||
type: Array,
|
||||
default () {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
disabledSeconds: {
|
||||
type: Array,
|
||||
default () {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
hideDisabledOptions: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
}
|
||||
};
|
Loading…
Add table
Reference in a new issue