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 毫秒数代表一天
};
相关推荐
数学分析分析什么?几秒前
微前端之qiankun+vue3简易示例
前端·微前端·qiankun
西洼工作室2 分钟前
前端项目目录结构全解析
前端·vue.js
咫尺的梦想0072 分钟前
vue的生命周期
前端·javascript·vue.js
一口甜西瓜5 分钟前
nuxt2.x部署到linux
前端·nuxt.js
Data_Adventure15 分钟前
从 TypeScript 到 Java(2):从脚本执行到 main 方法 —— 理解 Java 的程序入口
前端·后端
Data_Adventure23 分钟前
从 TypeScript 到 Java(1):理解类与包结构
前端·后端
晴栀ay24 分钟前
深入理解JavaScript执行机制:编译阶段与执行阶段的奥秘
javascript
Jseeza26 分钟前
从零理解React Context:神奇的上下文机制
前端
南山安27 分钟前
面试必考:从setTimeout到Promise和fetch
javascript·面试
Android疑难杂症31 分钟前
一文讲透鸿蒙开发应用框架体系
前端·harmonyos