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 毫秒数代表一天
};
相关推荐
二十雨辰6 小时前
歌词滚动效果
前端·css
法医6 小时前
和文心快码做朋友,让编程像“说话”一样简单
前端·文心快码
前端小巷子6 小时前
JS 打造「放大镜 + 缩略图」一体组件
前端·javascript·面试
陈随易6 小时前
适合中国宝宝的AI编程神器,文心快码
前端·后端·node.js
知识分享小能手6 小时前
React学习教程,从入门到精通,React AJAX 语法知识点与案例详解(18)
前端·javascript·vue.js·学习·react.js·ajax·vue3
UrbanJazzerati6 小时前
掌握 DOM 的基础属性与方法:从操作元素到构建动态效果
前端·面试
朗迹 - 张伟7 小时前
Gin-Vue-Admin学习笔记
vue.js·学习·gin
hashiqimiya7 小时前
html实现右上角有个图标,鼠标移动到该位置出现手型,点击会弹出登录窗口。
前端·html
古夕7 小时前
前端文件下载的三种方式:a标签、Blob、ArrayBuffer
前端·javascript·vue.js