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
              );
            }
          }
        },


}
}
}

 

转载于:https://www.cnblogs.com/xieli26/p/10109625.html