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 毫秒数代表一天
};
相关推荐
逆yan_15 小时前
🧭 基于 pnpm Workspace 和 Turborepo 的 Monorepo 最佳实践
前端·javascript·架构
广州华水科技15 小时前
单北斗形变监测一体机在大坝安全监测中的应用与技术优势
前端
沙漠15 小时前
Vue总结系列一
前端
渐儿15 小时前
React Native 实操开发文档
前端
Nturmoils15 小时前
书签真正难的不是收藏,而是找回来:我是怎么做这个 Chrome 插件的
javascript·后端·浏览器
HYCS15 小时前
用pixijs实现fabricjs(三):对象继承链和自定义对象
前端·javascript·canvas
biubiubiu_LYQ15 小时前
萌新小白基础篇之JS预编译
javascript
渐儿15 小时前
Electron 实操开发文档
前端
小则又沐风a15 小时前
深入了解进程概念 第二章
java·linux·服务器·前端
亲亲小宝宝鸭15 小时前
微前端方案探索:qiankun
前端·微服务