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 毫秒数代表一天
};
相关推荐
漫天黄叶远飞几秒前
React 组件通讯全攻略:拒绝 "Props" 焦虑,掌握数据流动的艺术
前端·react.js·前端框架
梦想是准点下班几秒前
【vue3】 + 【vite】 + 【rollup-plugin-obfuscator】混淆打包 => 打包报错
前端·vue.js
恋猫de小郭1 分钟前
Flutter UI 设计库解耦重构进度,官方解答未来如何适配
android·前端·flutter
星_离5 分钟前
高德地图-物流路线
前端·vue.js
细心细心再细心5 分钟前
Lexical 富文本编辑器组件详解
前端
qq_406176145 分钟前
JavaScript中的循环
前端
小皮虾8 分钟前
搞全栈还在纠结 POST、GET、RESTful?试试这个,像调用本地函数一样写接口
前端·node.js·全栈
掘金安东尼9 分钟前
⏰前端周刊第445期(2025年12月15日–12月21日)
前端
AAA阿giao9 分钟前
JavaScript 中 this 的终极解析:从 call、bind 到箭头函数的深度探索
前端·javascript·ecmascript 6
404NotFound30512 分钟前
利用 WebMKS 和 Java 实现前端访问虚拟机网页
前端