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 毫秒数代表一天
};
相关推荐
Leisureconfused1 分钟前
【记录】Node版本兼容性问题及解决
前端·vue.js·npm·node.js
Highcharts.js2 分钟前
React 应用中的图表选择:Highcharts vs Apache ECharts 深度对比
前端·javascript·react.js·echarts·highcharts·可视化图表·企业级图表
腹黑天蝎座2 分钟前
如何实现自定义的虚拟列表
前端·react.js
用户350144817926 分钟前
继承和原型链:js如何实现继承
前端
Bernard02157 分钟前
给普通人的 AI 黑话翻译手册:一文看懂 LLM、RAG、Agent 到底是什么
前端·后端
恋猫de小郭8 分钟前
JetBrains Amper 0.10 ,期待它未来替代 Gradle
android·前端·flutter
胖纳特9 分钟前
Seafile 文件预览增强方案:集成 BaseMetas Fileview 突破格式限制
前端·后端
小贵子的博客9 分钟前
Ant Design Vue中 table组件设置分组表头和固定总结栏
vue.js·anti-design-vue
梵得儿SHI11 分钟前
Vue 3 工程化实践:多页面路由配置 + Pinia 状态管理完全指南
前端·javascript·vue.js·vuerouter4·pinia状态管理的·模块化store设计·路由与状态管理