element-ui 时间选择截止时间不能小于开始时间

UpSeven0

已于 2023-10-24 10:52:08 修改

阅读量607

点赞数

分类专栏： element javascript 文章标签： vue.js elementui javascript 1024程序员节

于 2022-11-09 13:52:07 首次发布

本文链接：https://blog.csdn.net/qq_34811855/article/details/127768478

版权

javascript 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

element

4 篇文章 0 订阅

订阅专栏

<el-form-item label="开始日期：" prop="startDate">
        <el-date-picker v-model="dataTime1" type="date" placeholder="选择日期" :picker-options="commonEditStartOptions" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
      </el-form-item>
      <el-form-item label="结束日期：" prop="endDate">
        <el-date-picker v-model="dataTime2" type="date" placeholder="选择日期" :picker-options="commonEditStopOptions" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
      </el-form-item>

dataTime1: moment().subtract(6, 'days').format('YYYY-MM-DD 00:00:00'),
dataTime2: moment().format('YYYY-MM-DD HH:mm:ss'),
// 开始时间
      commonEditStartOptions: {
        disabledDate: (time) => {
          if (!this.dataTime2) {
            return time.getTime() < new Date(1970 - 1 - 1).getTime() // 禁止选择1970年以前的日期
          } else {
            return time.getTime() > new Date(moment(this.dataTime2).format('YYYY-MM-DD')).getTime();
          }
        }
      },
      // 结束时间
      commonEditStopOptions: {
        disabledDate: (time) => {
          return (
            time.getTime() < new Date(moment(this.dataTime1).format('YYYY-MM-DD')).getTime() || time.getTime() < new Date(1970 - 1 - 1).getTime() // 禁止选择1970年以前的日期
          )
        }
      },