elementUI结束日期不能大于开始日期

最新推荐文章于 2024-07-04 14:16:49 发布

hyfadd

最新推荐文章于 2024-07-04 14:16:49 发布

阅读量653

点赞数

分类专栏： vue+elementui

本文链接：https://blog.csdn.net/zhengyun1568/article/details/101053484

版权

vue+elementui 专栏收录该内容

60 篇文章 2 订阅

订阅专栏

结束日期不能大于开始日期

<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

选择时间时，选的时间不能在当前时间之前

<el-time-select
  v-model="time"
  :picker-options="{
    start: '09:00',
    step: '00:15',
    end: '24:00',
    minTime: startTime,
  }"
  placeholder="选择时间"
  class="per_100"
  @change="timeChange"
>
</el-time-select>

// formatDate(new Date())[0]表示今天的日期，formatDate(new Date())[1]表示当前时间
if (val === formatDate(new Date())[0]) {
  this.startTime = formatDate(new Date())[1];
} else {
  this.startTime = "";
}