当前位置: 首页 > Web前端 > vue.js

elementUI中的el-date-picker日期、月份、时间选择器禁用当前和未来日期的选择

时间:2023-04-01 02:01:20 vue.js

#app{width:950px;高度:600px;框大小:边框框;margin:50px;}问题描述时间选择器选择日期和月份在项目中比较常见,比如查询历史记录,我们需要选择特定日期或发布请求以获取历史数据。所以我们需要对时间选择器做一些控制。比如查询历史记录,不能选择当前日期和未来日期。因此,有必要禁用当前日期和未来日期。本文记录相应的代码编写。使用饿了么UI,必须使用官方api。这里我们使用picker-options和disabledDate来控制。附上官方文档地址链接:https://element.eleme.cn/#/zh..禁用日期案例渲染代码如下#app{width:950px;高度:600px;框大小:边框框;margin:50px;}禁用日期很简单。再来说说伤残月吧。禁用月份需要转换日期格式,判断为禁用月份。案例渲染代码如下#app{width:950px;高度:600px;框大小:边框框;margin:50px;}其实写法是多种多样的,欢迎大家一起交流学习,共同进步补充~把月份面板中的中文月份换成数字月份。将月份面板中的中文月份替换为数字月份。解决办法有两种:修改源码,替换dom的innerHtml。作者的解决方案是第二种。毕竟还是比较方便,如下:渲染代码请看代码和注释