element UI-日期选择器(el-date-picker)-起止日期相差30天

1.需求:结束日期选择范围:开始日期-开始日期+30天

2.实现:

使用el-date-picker组件的picker-options属性,及picker-options中的disabledDate方法

element UI-日期选择器(el-date-picker)-起止日期相差30天_第1张图片

element UI-日期选择器(el-date-picker)-起止日期相差30天_第2张图片

代码(style也在,可忽略):





 3.实现效果:

element UI-日期选择器(el-date-picker)-起止日期相差30天_第3张图片

4.其他:

可以使用vue-moment处理日期,使用方法如下:

1)安装-npm install vue-moment --save

2)在main.js中引入

import Moment from 'vue-moment'

Vue.use(Moment)

element UI-日期选择器(el-date-picker)-起止日期相差30天_第4张图片

 3)使用

this.$moment(obj.beginTaskDate).format('YYYY-MM-DD')

 

你可能感兴趣的:(vue,element-ui,前端)