66 lines
1.4 KiB
JavaScript
66 lines
1.4 KiB
JavaScript
![]() |
|
||
|
import { oneOf } from '../../../../utils/assist';
|
||
|
import {initTimeDate } from '../../util';
|
||
|
|
||
|
|
||
|
export default {
|
||
|
props: {
|
||
|
showTime: {
|
||
|
type: Boolean,
|
||
|
default: false
|
||
|
},
|
||
|
format: {
|
||
|
type: String,
|
||
|
default: 'yyyy-MM-dd'
|
||
|
},
|
||
|
selectionMode: {
|
||
|
type: String,
|
||
|
validator (value) {
|
||
|
return oneOf(value, ['year', 'month', 'date', 'time']);
|
||
|
},
|
||
|
default: 'date'
|
||
|
},
|
||
|
shortcuts: {
|
||
|
type: Array,
|
||
|
default: () => []
|
||
|
},
|
||
|
disabledDate: {
|
||
|
type: Function,
|
||
|
default: () => false
|
||
|
},
|
||
|
value: {
|
||
|
type: Array,
|
||
|
default: () => [initTimeDate(), initTimeDate()]
|
||
|
},
|
||
|
timePickerOptions: {
|
||
|
default: () => ({}),
|
||
|
type: Object,
|
||
|
},
|
||
|
showWeekNumbers: {
|
||
|
type: Boolean,
|
||
|
default: false
|
||
|
},
|
||
|
startDate: {
|
||
|
type: Date
|
||
|
},
|
||
|
pickerType: {
|
||
|
type: String,
|
||
|
require: true
|
||
|
},
|
||
|
focusedDate: {
|
||
|
type: Date,
|
||
|
required: true,
|
||
|
}
|
||
|
},
|
||
|
computed: {
|
||
|
isTime(){
|
||
|
return this.currentView === 'time';
|
||
|
}
|
||
|
},
|
||
|
methods: {
|
||
|
handleToggleTime(){
|
||
|
this.currentView = this.currentView === 'time' ? 'date' : 'time';
|
||
|
},
|
||
|
}
|
||
|
};
|