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 毫秒数代表一天
};
相关推荐
38242782712 分钟前
JS表单提交:submit事件的关键技巧与注意事项
前端·javascript·okhttp
于是我说18 分钟前
Vue3 的 CompositionAPI 相较于 OptionsAPI,主要优势和适用场景有哪些
vue.js
Kagol24 分钟前
深入浅出 TinyEditor 富文本编辑器系列2:快速开始
前端·typescript·开源
VX:Fegn089526 分钟前
计算机毕业设计|基于springboot + vue智慧养老院管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
interception26 分钟前
js逆向之京东原型链补环境h5st
javascript·爬虫·网络爬虫
木土雨成小小测试员27 分钟前
Python测试开发之前端二
javascript·python·jquery
小二·27 分钟前
Python Web 开发进阶实战:Flask-Login 用户认证与权限管理 —— 构建多用户待办事项系统
前端·python·flask
浩瀚之水_csdn36 分钟前
python字符串解析
前端·数据库·python
全栈小536 分钟前
【前端】在JavaScript中,=、==和===是三种不同的操作符,用途和含义完全不同,一起瞧瞧
开发语言·前端·javascript
如果你好43 分钟前
Vue createRenderer 自定义渲染器从入门到实战
前端·javascript·vue.js