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 毫秒数代表一天
};
相关推荐
专注VB编程开发20年1 分钟前
VBA/VB6连接、读取Mdb access数据库最快的方法
前端·ui·ado·vb6
CodeCxil13 分钟前
基于Vue的在线Online Word文档编辑器
vue.js·编辑器·word
W.A委员会14 分钟前
大数据渲染
前端
五仁火烧15 分钟前
前端不传文件,也能用 multipart/form-data
前端·javascript·vue.js·node.js
五仁火烧19 分钟前
前端最常用的两种请求数据格式application/json 和 multipart/form-data 完全解析
前端·javascript·vue.js·json
Bigger19 分钟前
第七章:我是如何剖析 Claude Code 的性能优化与部署策略的
前端·claude·源码阅读
大连好光景20 分钟前
接口测试入门案例
前端·后端·web
冰暮流星23 分钟前
javascript案例-简易计算器
开发语言·javascript·ecmascript
卢傢蕊23 分钟前
使用Haproxy搭建Web群集
前端·haproxy
FrontAI26 分钟前
Next.js从入门到实战保姆级教程:实战项目(上)——全栈博客系统架构与核心功能
开发语言·前端·javascript·react.js·系统架构