vue element时间选择器中结束时间不能大于开始时间

最新推荐文章于 2024-06-10 21:44:52 发布

小仙有礼了

最新推荐文章于 2024-06-10 21:44:52 发布

阅读量639

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/CFXXXL/article/details/122867500

版权

Vue 专栏收录该内容

31 篇文章

订阅专栏

html:

el-date-picker选择器

:picker-options="startTime"

:picker-options="endTime"

为禁止选择逻辑

 <div class="control-item">
        <div class="left">
          <span class="sale-require-star-text">开始时间</span>
        </div>
        <div class="right">
          <div class="sale-date-picker-group sale-control">
            <el-date-picker
              v-model="queryParams.startDateForQueryStart"
              type="date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :picker-options="startTime"
            />
            <span>至</span>
            <el-date-picker
              v-model="queryParams.startDateForQueryEnd"
              type="date"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              :picker-options="endTime"
            />
          </div>
        </div>
      </div>

data中写方法:


```c
// 查询参数
        queryParams: {
          startDateForQueryStart: '',
          startDateForQueryEnd:''
        },
 // 时间判断
        startTime: {
          disabledDate: time => {
            if (this.queryParams.startDateForQueryEnd) {
              return (
                time.getTime() > this.$Date(this.queryParams.startDateForQueryEnd).getTime()
              )
            }
          }
        },
        endTime: {
          disabledDate: time => {
            if (this.queryParams.startDateForQueryStart) {
              return (
                time.getTime() < this.$Date(this.queryParams.startDateForQueryStart).getTime() // 加- 8.64e7则表示包当天
              )
            }
          }
        },