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 毫秒数代表一天
};
相关推荐
神之王楠3 分钟前
如何通过js加载css和html
javascript·css·html
余生H7 分钟前
前端的全栈混合之路Meteor篇:关于前后端分离及与各框架的对比
前端·javascript·node.js·全栈
花花鱼8 分钟前
@antv/x6 导出图片下载,或者导出图片为base64由后端去处理。
vue.js
程序员-珍10 分钟前
使用openapi生成前端请求文件报错 ‘Token “Integer“ does not exist.‘
java·前端·spring boot·后端·restful·个人开发
axihaihai15 分钟前
网站开发的发展(后端路由/前后端分离/前端路由)
前端
流烟默27 分钟前
Vue中watch监听属性的一些应用总结
前端·javascript·vue.js·watch
2401_8572979137 分钟前
招联金融2025校招内推
java·前端·算法·金融·求职招聘
茶卡盐佑星_1 小时前
meta标签作用/SEO优化
前端·javascript·html
与衫1 小时前
掌握嵌套子查询:复杂 SQL 中 * 列的准确表列关系
android·javascript·sql
Ink1 小时前
从底层看 path.resolve 实现
前端·node.js