| | |
| | | <template> |
| | | <div> |
| | | <a-date-picker :getCalendarContainer="getCalendarContainer" v-model="startValue" :disabled-date="disabledStartDate" |
| | | :disabled-time="disabledStartTime" show-time format="YYYY-MM-DD HH:mm:ss" placeholder="Start" :open="startOpen" |
| | | :disabled-time="disabledStartTime" :show-time="showTime" :format="formatStr" placeholder="Start" :open="startOpen" |
| | | size="small" @openChange="handleStartOpenChange" @change="change(0)" /> |
| | | - |
| | | <a-date-picker :getCalendarContainer="getCalendarContainer" v-model="endValue" :disabled-date="disabledEndDate" |
| | | :disabled-time="disabledEndTime" show-time format="YYYY-MM-DD HH:mm:ss" placeholder="End" :open="endOpen" |
| | | :disabled-time="disabledEndTime" :show-time="showTime" :format="formatStr" placeholder="End" :open="endOpen" |
| | | size="small" @change="change(1)" @openChange="handleEndOpenChange" /> |
| | | </div> |
| | | </template> |
| | |
| | | endOpen: false, |
| | | }; |
| | | }, |
| | | props: ["value", "getCalendarContainer"], |
| | | props: { |
| | | value: { |
| | | required: true, |
| | | }, |
| | | getCalendarContainer: { |
| | | required: true |
| | | }, |
| | | showTime: { |
| | | type: Boolean, |
| | | default: true |
| | | }, |
| | | }, |
| | | model: { |
| | | prop: "value", |
| | | event: "change", |
| | |
| | | this.endValue = value[1]; |
| | | }, |
| | | }, |
| | | formatStr() { |
| | | return this.showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD" |
| | | }, |
| | | }, |
| | | methods: { |
| | | range(start, end) { |