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 毫秒数代表一天
};
相关推荐
用户21411832636023 分钟前
dify案例分享-国内首发!手把手教你用Dify调用Nano Banana2AI画图
前端
wa的一声哭了10 分钟前
Webase部署Webase-Web在合约IDE页面一直转圈
linux·运维·服务器·前端·python·区块链·ssh
GISer_Jing14 分钟前
3D Cesium渲染架剖析
javascript·3d·webgl
han_15 分钟前
前端性能优化之CSS篇
前端·javascript·性能优化
k***858420 分钟前
【SpringBoot】【log】 自定义logback日志配置
android·前端·后端
小满zs23 分钟前
Next.js第十章(Proxy)
前端
JIngJaneIL35 分钟前
汽车租赁|汽车管理|基于Java+vue的汽车租赁系统(源码+数据库+文档)
java·vue.js·spring boot·汽车·论文·毕设·汽车租赁
z***I3941 小时前
JavaScript爬虫应用案例
开发语言·javascript·爬虫
d***9352 小时前
Webpack、Vite区别知多少?
前端·webpack·node.js
清风徐来QCQ2 小时前
javaScript(map,ref,?,forEach,watch)
java·前端·javascript