elementUI日期选择器限制日期选择范围，picker-options属性控制日期选择范围

最新推荐文章于 2025-06-20 09:21:02 发布

不动如山_&

最新推荐文章于 2025-06-20 09:21:02 发布

阅读量1.2k

点赞数 11

CC 4.0 BY-SA版权

文章标签： elementui vue.js 前端

本文链接：https://blog.csdn.net/qq_57923118/article/details/141363992

1.禁用今天之前的日期，不包括今天

 <el-date-picker
          v-model="value"
          :picker-options="{
            disabledDate(time) {
              return time.getTime() < Date.now() - 8.64e7;
            }
          }"
          style="width: 360px"
          value-format="yyyy-MM-dd HH:mm:ss"
          type="datetimerange"
          :default-time="['00:00:00', '23:59:59']"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>

2.禁用今天之后的日期，不包括今天

:picker-options="{

disabledDate(time) {

return time.getTime() > Date.now() - 8.64e6;

}