HTML代码:
<FormItem label="开始时间">
<DatePicker
type="date"
:options="startOption"
v-model="createForm.startDate"
></DatePicker>
</FormItem>
<FormItem label="结束时间">
<DatePicker
type="date"
:options="endOption"
v-model="createForm.endDate"
></DatePicker>
</FormItem>
JS代码:
computed: {
// 设置不可选择的日期,option的disabledDate属性
startOption: (date) => {
let endTime = new Date(this.createForm.endDate).valueOf();
// 如返回的日期为true,则该日期处于禁止状态
return date && date.valueOf() > endTime;
},
endOption: (date) => {
let startTime = new Date(this.createForm.startDate).valueOf();
return date