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


}
}
}

猜你喜欢

转载自www.cnblogs.com/xieli26/p/10109625.html
今日推荐