element组件的<el-date-picker>组件大家经常使用,实现指定某些日期范围禁用,调用官方文档上disabledDate方法。
下面是我实现的小demo,有需要的小伙伴可以直接拿来用。
需求: 默认是当前日期及其前30天可以选择,其他时间段是禁用状态。
核心代码如下:
disabledDate(time){
return time.getTime() < Date.now() - 8.64e7*30 || time.getTime() >Date.now();
},
实现的效果图:
=========================================================================
Tip: 如果想修改时间组件的样式,比如隐藏时间选择器的左右选择按钮,可以在项目的公共样式类中修改element样式。因为