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 毫秒数代表一天
};
相关推荐
葡萄城技术团队几秒前
AI 不会淘汰电子表格,反而会让电子表格成为 AI 操作系统
前端·人工智能
BigTopOne几秒前
Short Put and Short Call
前端
Cache技术分享12 分钟前
465. Java 反射 - 获取类的简单名
前端·后端
英勇无比的消炎药14 分钟前
层级选择不再手写联动:TinyVue Cascader 级联选择器上手
vue.js
BigTopOne21 分钟前
什么是行权价,什么是权利金,什么是行权?
前端
xlxxy_23 分钟前
sap获取批次特性报表
java·linux·开发语言·前端·数据库·abap·mm
BigTopOne24 分钟前
Long put and Long call
前端
摇滚侠28 分钟前
SpringBoot3+Vue3 全套视频教程 61
vue.js
breeze jiang29 分钟前
告别等待焦虑:Vue 3 + DeepSeek 实现 AI 打字机流式对话,用户体验提升立竿见影
vue.js·人工智能·ux
石像鬼₧魂石32 分钟前
【Y2Ksoft】贵阳陈桥饭店ERP管理系统
大数据·前端·物联网·html·数据库架构