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

不动如山_&

于 2024-08-22 13:30:11 发布

阅读量712

点赞数 10

文章标签： 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;

}