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 毫秒数代表一天
};
相关推荐
千寻girling11 分钟前
面试官 : “ 说一下 Vue 的 8 个生命周期钩子都做了什么 ? ”
前端·vue.js·面试
Heo12 分钟前
Vue3 应用实例创建及页面渲染底层原理
前端·javascript·面试
C_心欲无痕16 分钟前
nodejs - express:流行的 Web 应用框架
前端·node.js·express
sophie旭17 分钟前
webpack异步加载原理梳理解构
前端·javascript·webpack
小小荧19 分钟前
Vue 原生渲染真要来了?Lynx引擎首次跑通Vue
前端·javascript
千寻girling27 分钟前
面试官 : ” 说一下 Vue 中的 setup 中的 props 和 context “
前端·vue.js·面试
KLW7529 分钟前
vue中 v-cloak指令
前端·javascript·vue.js
0思必得035 分钟前
[Web自动化] Requests模块请求参数
运维·前端·python·自动化·html
幽络源小助理1 小时前
SpringBoot+Vue智能学习平台系统源码 | 教育类JavaWeb项目免费下载 – 幽络源
vue.js·spring boot·学习
POLITE31 小时前
Leetcode 560. 和为 K 的子数组 JavaScript (Day 5)
javascript·算法·leetcode