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 毫秒数代表一天
};
相关推荐
RichardLau_Cx3 分钟前
Google Chrome 浏览器安装「豆包插件」完整教程
前端·chrome·插件·豆包
stereohomology4 分钟前
Typora中绕过主题html方式自定义字体的一个设置问题
前端·html
_OP_CHEN4 分钟前
【前端开发之CSS】(四)CSS 常用元素属性宝典(下):背景与圆角进阶指南,让页面颜值飙升!
前端·css·html·页面开发·gui开发·css元素属性
光影少年5 分钟前
react和vue多个组件在一个页面展示不同内容都是请求一个接口,如何优化提升率性能
前端·vue.js·react.js
aPurpleBerry6 分钟前
React 组件:组件通信、受控组件&非受控组件、异步组件、HOC高阶组件
前端·react.js·前端框架
匠心网络科技7 分钟前
前端框架-Vue双向绑定核心机制全解析(二)
前端·javascript·vue.js·前端框架
晚霞的不甘7 分钟前
Flutter 方块迷阵游戏开发全解析:构建可扩展的关卡式益智游戏
前端·flutter·游戏·游戏引擎·游戏程序·harmonyos
咕噜咕噜啦啦11 分钟前
HTML速通
前端·vscode·html·html5
肖。354878709416 分钟前
窗口半初始化导致的BadTokenException闪退!解决纯Java开发的安卓软件开局闪退!具体表现为存储中的缓存为0和数据为0。
android·java·javascript·css·html
我是伪码农8 小时前
Vue 1.23
前端·javascript·vue.js