el-date-picker限制时间选择,不能选择当前日期之后时间

要求:时间选择不能超过当前日期之后的

效果:

结构代码::

javascript 复制代码
 <el-form-item label="时间:">
        <el-date-picker
          v-model="time"
          type="datetimerange"
          range-separator="至"
          start-placeholder="开始时间"
          end-placeholder="结束时间"
          value-format="YYYY-MM-DD HH:mm:ss"
          @change="changeTime"
          :clearable="false"
          :disabled-date="pickerOptionsRang" //这行是关键
        >
        </el-date-picker>
      </el-form-item>
      

js代码:

javascript 复制代码
const pickerOptionsRang = (time) => {
  // 禁用当前日期之后的所有日期
  return time.getTime() > Date.now() - 8.64e7; // 8.64e7 毫秒数代表一天
};
相关推荐
cool32007 分钟前
4D实验八:Dubbo微服务 + 注册中心
前端·kubernetes
军军君0117 分钟前
数字孪生监控大屏实战模板:商圈大数据监控
前端·javascript·vue.js·typescript·前端框架·echarts·three
方安乐33 分钟前
try catch vs 异步捕获
前端·javascript·vue.js
chenbin___39 分钟前
鸿蒙RN position: ‘absolute‘ 和 zIndex 的兼容性问题(转自千问)
前端·javascript·react native·harmonyos
晴天丨42 分钟前
Vue 3项目架构设计:从2200行单文件到24个组件
前端·vue.js
blanks202043 分钟前
为 Zed 编辑器 添加 flutter dart snippets
前端·flutter
Ruihong43 分钟前
你的 Vue 3 defineAsyncComponent(),VuReact 会编译成什么样的 React?
vue.js·react.js·面试
Ruihong1 小时前
你的 Vue 路由,VuReact 会编译成什么样的 React 路由?
vue.js·react.js·面试
Hello--_--World1 小时前
Js面试题目录表
开发语言·javascript·ecmascript
慧一居士1 小时前
Vue中的 h 作用和使用方法介绍
前端·vue.js