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 毫秒数代表一天
};
相关推荐
Cxiaomu10 小时前
React Native App 图表绘制完整实现指南
javascript·react native·react.js
前端大卫10 小时前
Webpack 老项目的优化实践
前端
开利网络11 小时前
合规底线:健康产品营销的红线与避坑指南
大数据·前端·人工智能·云计算·1024程序员节
yinuo11 小时前
纯CSS&JS实现:丝滑渐变过渡的动态导航栏
前端
qq. 280403398411 小时前
vue介绍
前端·javascript·vue.js
未来之窗软件服务11 小时前
未来之窗昭和仙君(五十五)标签票据打印模板设计器——东方仙盟筑基期
前端·打印设计器·仙盟创梦ide·东方仙盟·昭和仙君·东方仙盟架构
Mr.Jessy11 小时前
Web APIs 学习第五天:日期对象与DOM节点
开发语言·前端·javascript·学习·html
前端大卫11 小时前
如何统一前端项目的 Node 版本和包管理器?
前端
Hi~晴天大圣11 小时前
HTML onclick用法
前端·html
速易达网络11 小时前
HTML<output>标签
javascript·css·css3