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

Elemenu-UI时间日期单个组件,限制当前日期之后的时间

element的时间日期组件, type="datetime" ,当你设置了:picker-options="pickerOptions"之后

pickerOptions: {

        disabledDate(time) {

          return time.getTime() > Date.now();

        },

      },

会发现,他只会限制日期,但不会限制时分秒;

解决办法:

 给pickerOptions添加selectableRange字段,类型str或者array

但是你不能直接添加在 pickerOptions,因为他会把当前日期之前的日期的时间都会限制【也就是一限制时分秒,整个下拉框的时分秒都会被限制】

最终方案:

监听一下当前时间字段,如果选择的时间>当前时间,就限制一下,否则放开

 

 watch: {'form.start': {handler(val) {console.log(val);if (+new Date(val) > Date.now()) {this.$set(this.pickerOptions,'selectableRange',`00:00:00 - ${moment().hours()}:${moment().minutes()}:${moment().seconds()}`);} else {this.$set(this.pickerOptions, 'selectableRange', `00:00:00 - 23:59:59`);}},deep: true,},},

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

相关文章:

  • flutter修改状态栏学习
  • 解决Unity编辑器Inspector视图中文注释乱码
  • 关于csgo的游戏作弊与封禁
  • 严格单元测试造就安全软件
  • ubuntu 根分区逻辑卷扩容
  • 如何查看电脑生产日期
  • MAC M1 mysql 8.0 如何修改root用户密码
  • 漫画之家系统:Spring Boot框架下的漫画版权保护
  • 在 MacOS 上为 LM Studio 更换镜像源
  • Nginx配置https(Ubuntu、Debian、Linux、麒麟)
  • 「Mac畅玩鸿蒙与硬件40」UI互动应用篇17 - 照片墙布局
  • VMware Workstation 安装Ubuntu 系统(图文步骤)
  • mybatis用pagehelper 然后用CountJSqlParser45,发现自己手写的mapper查询效率很慢
  • 【优选算法 二分查找】二分查找入门详解:二分查找 & 在排序数组中查找元素的第一个和最后一个位置
  • WPF编写工业相机镜头选型程序
  • 网络安全内容整理二
  • 解决git did not exit cleanly (exit code 128)问题
  • Linux入门攻坚——40、Linux集群系统入门-lvs(1)
  • momentum 和 weight_decay 的区别
  • Vue 3 + TypeScript进阶用法
  • AbutionGraph-时序向量图谱数据库-快速安装部署
  • Delphi-HTTP通讯及JSON解析
  • Postgres 如何使事务原子化?
  • [Vue3]简易版Vue
  • ElasticSearch学习记录
  • LabVIEW算法执行时间评估与Windows硬件支持
  • 经验帖 | Matlab安装成功后打不开的解决方法
  • Ubuntu Linux 文件、目录权限问题
  • LabVIEW密码保护与反编译的安全性分析
  • yolo11经验教训----之一