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 毫秒数代表一天
};
相关推荐
Nan_Shu_6142 小时前
学习:ES6(2)
前端·学习·es6
命运之光5 小时前
【最新】ChromeDriver最新版本下载安装教程,ChromeDriver版本与Chrome不匹配问题
前端·chrome
星离~7 小时前
Vue响应式原理详解:从零实现一个迷你Vue
前端·javascript·vue.js
梦6507 小时前
React 简介
前端·react.js·前端框架
一只小阿乐7 小时前
react 中的判断显示
前端·javascript·vue.js·react.js·react
光影少年7 小时前
useMemo 和 React.memo区别
前端·react.js·前端框架
小沐°7 小时前
React-页码组件
前端·javascript·react.js
消失的旧时光-19437 小时前
Flutter 与 React/Vue 为什么思想一致?——声明式 UI 体系的深度对比(超清晰版)
vue.js·flutter·react.js
零一科技7 小时前
Vue3学习第三课: ref 与 reactive 选择指南
前端·vue.js