百变鹏仔-专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > JavaScript > 正文

elementui日期选择器设置开始时间不能大于结束时间

作者:鹏仔先生日期:2020-12-18 16:07:21浏览:3597分类:JavaScript

20210204155623276.gif

iView 日期时间选择器设置开始时间至结束时间限制 https://sharedbk.com/post/204.html


elementui 日期选择器设置 开始时间不能大于结束时间,结束时间不能小于开始时间

简单容易,就不做详细解释了,复制粘贴,修改对应参数名即可

    <el-date-picker
      v-model="startTime"
      size="small"
      type="date"
      placeholder="开始时间"
      :picker-options="pickerOptionsStart"
    >
    </el-date-picker>
    <el-date-picker
      size="small"
      v-model="endTime"
      type="date"
      placeholder="结束时间"
      :picker-options="pickerOptionsEnd"
    >
  data() {
    return {
      // 开始结束日期限制
      pickerOptionsStart: {
        disabledDate: (time) => {
          if (this.endTime) {
            return (
              time.getTime() >= new Date(this.endTime).getTime()
            );
          }
        }
      },
      // 结束日期限制
      pickerOptionsEnd: {
        disabledDate: (time) => {
          if (this.startTime) {
            return (
              time.getTime() <= new Date(this.startTime).getTime()
            );
          }
        }
      }
    }
  }


手机扫码访问

已有2位网友发表了看法:

  • 访客

    访客  评论于 [2021-08-09 16:33:24]  回复

    少了 标签结尾

  • 鹏仔先生

    鹏仔先生  评论于 [2021-08-03 17:45:01]  回复

    time.getTime() ˂= new Date(this.startTime).getTime() - 86400000

取消回复欢迎 发表评论:

关灯