1. 程式人生 > >element-ui 日期外掛讓結束日期大於開始日期

element-ui 日期外掛讓結束日期大於開始日期

 <el-date-picker
              v-model="addForm.startDate"
              type="date"
              size="mini"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              placeholder="開始時間"
              :picker-options="pickerOptionsStart"
            >
            </el-date-picker>
<el-date-picker
v-model="addForm.endDate"
type="date"
size="mini"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="選擇日期"
:picker-options="pickerOptionsEnd"
>
</el-date-picker>
 export default {
    data() {
      return
{ pickerOptionsStart: { disabledDate: time => { let endDateVal = this.addForm.endDate; if (endDateVal) { return time.getTime() > new Date(endDateVal).getTime(); } } }, pickerOptionsEnd: { disabledDate: time
=> { let beginDateVal = this.addForm.startDate; if (beginDateVal) { return ( time.getTime() < new Date(beginDateVal).getTime() - 1 * 24 * 60 * 60 * 1000 ); } } }, } } }