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 毫秒数代表一天
};
相关推荐
前端_学习之路9 分钟前
React--Fiber 架构
前端·react.js·架构
coderlin_11 分钟前
BI布局拖拽 (1) 深入react-gird-layout源码
android·javascript·react.js
伍哥的传说26 分钟前
React 实现五子棋人机对战小游戏
前端·javascript·react.js·前端框架·node.js·ecmascript·js
qq_4244091933 分钟前
uniapp的app项目,某个页面长时间无操作,返回首页
前端·vue.js·uni-app
我在北京coding34 分钟前
element el-table渲染二维对象数组
前端·javascript·vue.js
布兰妮甜35 分钟前
Vue+ElementUI聊天室开发指南
前端·javascript·vue.js·elementui
SevgiliD36 分钟前
el-button传入icon用法可能会出现的问题
前端·javascript·vue.js
我在北京coding37 分钟前
Element-Plus-全局自动引入图标组件,无需每次import
前端·javascript·vue.js
鱼 空40 分钟前
解决el-table右下角被挡住部分
javascript·vue.js·elementui
柚子8161 小时前
scroll-marker轮播组件不再难
前端·css