<el-date-picker>实现指定日期禁用

element组件的<el-date-picker>组件大家经常使用,实现指定某些日期范围禁用,调用官方文档上disabledDate方法。

<el-date-picker>实现指定日期禁用_第1张图片

 下面是我实现的小demo,有需要的小伙伴可以直接拿来用。

需求: 默认是当前日期及其前30天可以选择,其他时间段是禁用状态。

核心代码如下:

disabledDate(time){
  return time.getTime() < Date.now() - 8.64e7*30 || time.getTime() >Date.now();
},



实现的效果图:

<el-date-picker>实现指定日期禁用_第2张图片

=========================================================================

Tip: 如果想修改时间组件的样式,比如隐藏时间选择器的左右选择按钮,可以在项目的公共样式类中修改element样式。因为