Vue开发中Element组件的使用问题

1. 日期选择器限制可选的时间范围

 

Vue开发中Element组件的使用问题

   1.1 蓝色区域可以通过在组件内添加参数 default-value 并且传值从而实现默认现实的年月,传值格式如2020-04,同时还可以通过 value-format参数 控制数据想要的日期格式。参数使用如图 

Vue开发中Element组件的使用问题

    1.2 红色区域的日期的禁止选择的实现首先如上图再添加   picker-options="pickerOptions0" 参数 自定义实现,具体的pickerOptions0如图。Vue开发中Element组件的使用问题

因为比较懒所以写的时候直接用的或运算,而没有优化。通过这样自定义我们可以通过添加两个el-date-picker组件,从而拓展实现传递如2020-04-01  -  2020-04-05 的时间段参数,从而实现通过后端接口筛选指定日期范围内数据的功能。