当前位置: 首页 > news >正文

el-date-picker时间控制范围为过去时间不可选

<el-date-picker :picker-options="startPickerOptions()" value-format="yyyy-MM-dd HH:mm:ss" v-model="form.applyFixPlan" type="datetime" placeholder="选择日期时间">
</el-date-picker>

在method中定义startPickerOptions()
this.$dayjs是Day.js的封装
​​​​​​​Day.js中文网

一天的毫秒数为 24*3600*1000= 86400000 = 8.64*10的7次方 = 8.64e7
获取今日之前的日期- 用于今日(包含今日)日期之后不可选限制     

Date.now() - 8.64e7
今日(不含今日)之后日期不可选
​​​​​​​Date.now() - 8.64e6

    startPickerOptions () {if (this.form.applyFixPlan != undefined) {let dateYMD = this.$dayjs(this.form.applyFixPlan).format('YYYY-MM-DD')let dateNow = this.$dayjs().format('YYYY-MM-DD')let dateHMS = this.$dayjs().format('HH:mm:ss')let pickerDate = dateYMD === dateNowreturn {//因为在选新日期的时候被禁用的时间没有更新,需要手动给赋值selectableRange: pickerDate? dateHMS + ' - 23:59:59' : '00:00:00 - 23:59:59',disabledDate: (time) => {//过去时间不可选return time.getTime() < Date.now() - 8.64e7;}}} else {// 初始默认 过去时间不可选return {disabledDate: (time) => {return time.getTime() < Date.now() - 8.64e7;}}}},

http://www.lryc.cn/news/253255.html

相关文章:

  • 音视频技术开发周刊 | 322
  • 面试就是这么简单,offer拿到手软(三)—— 常见中间件框架面试题,es,redis,dubbo,zookeeper kafka 等
  • 【Spring系列】DeferredResult异步处理
  • 使用晶振遇到的两个问题
  • 手写promise A+、catch、finally、all、allsettled、any、race
  • 【原神游戏开发日志1】缘起
  • leetcode5 最长公共前缀三种python解法
  • 对小程序的初了解
  • QLineEdit 的 InputMask掩码
  • 关于队列的简单理解
  • 加密市场进入牛初阶段?一场新的造富效应即将拉开帷幕!
  • Superset基础入门
  • 【泛微ecology】将多个字段的数据合并到一个字段
  • WebSocket入门介绍及编程实战
  • vue3里面生命周期的使用
  • 在python的Scikit-learn库中,可以使用train_test_split函数来划分训练集和测试集。
  • 外包干了2个月,技术明显退步了...
  • 数据结构:链表应用:第9关:删除链表中满足区间值的结点
  • 了解 ignore_above 参数对 Elasticsearch 中磁盘使用的影响
  • C#中的async/await异步编程模型
  • 【原创】提升MybatisPlus分页便捷性,制作一个属于自己的分页插件,让代码更加优雅
  • pythonselenium自动化测试实战项目
  • 智能优化算法应用:基于瞬态优化算法无线传感器网络(WSN)覆盖优化 - 附代码
  • springMVC 三大组件解析
  • 聊聊nginx的keepalive_time参数
  • 沐风老师3DMAX键盘球建模方法详解
  • 算法通关村第一关—白银挑战—链表高频面试算法题—查找两个链表的第一个公共子节点
  • C/C++ 发送与接收HTTP/S请求
  • 【算法集训】基础数据结构:一、顺序表(下)
  • [Java][项目][战斗逻辑]基于JFrame的文字游戏