需求:实现如下效果
1.默认展示最近三个月,
2.不能选择今天之后的日期,即不能选未来的时间
3.带快捷选项,并且快捷选项的【全部时间】开始时间为某个指定的时间如(2010年8月1日)
element-ul 可以很容易实现第二,第三条需求。但是默认数据那个,要自己写。还有选全部时间,从指定日期开始,也废了我一番功夫研究。
所以,最终将研究成果整理出来。方便下次遇到同样的问题能快速解决,提升个人的开发效率。也方便其他小伙伴有同样困惑,可以快速寻得解决方案。
解决过程及代码解析
涉及2个文件(date.vue 文件和common.js文件)
1.在date.vue页面的template 标签写如下代码
<el-date-picker
v-model="time_range_all"
type="daterange"
align="right"
unlink-panels