Element日期选择器设置可选区间

最新推荐文章于 2024-09-03 16:10:34 发布

小月鸭

最新推荐文章于 2024-09-03 16:10:34 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/pyj2017/article/details/127978007

element 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript来限制用户在日期选择器中选择的日期不得早于当前日期的方法。通过自定义比较函数和设置Element UI的picker-options属性实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS判断选择日期不能小于当前日期

comparDate(dateValue) {
//dateValue="2022-11-17"
    return new Date().getTime() >= new Date(dateValue).getTime() + 3600 * 1000 * 24;
  }

Element日期选择器picker-options设置可选区间

dateFormat () {
      return {
        "picker-options": {
          disabledDate: time => {
            let day1 = Date.parse("2022-11-17");
            let day2 = Date.now();//今天
            if (day1 > day2) {
              // console.log("日期大于当天")
              return time.getTime() > Date.parse("2022-11-17") || time.getTime() < Date.now() - 1000 * 60 * 60 * 24;
            }
            else {
              // console.log("日期小于当天")
              return time.getTime() < Date.parse("2022-11-17") - 1000 * 60 * 60 * 24 ||
                time.getTime() > Date.now();
            }
          }
        },
        "value-format": "yyyy-MM-dd",
        "format": "yyyy-MM-dd",
        "type": "date"
      }
    },