需求:el-date-picker只能选中当前月期和当前月期往前半年,其他时间就禁用了不让选择了,因为没数据哈哈。当然也可以选择往前一年等。
一、效果
二、写个日期选择器
:picker-options:日期选项
value-format:选择后的格式
@change:事件改变后触发的函数
<el-date-pickertype="months"v-model="monthTimeData"placeholder="选择一个或多个日期":picker-options="pickerOptions"value-format="yyyyMM"@change="monthTime"></el-date-picker>
三、data的值
monthTimeData: [], // 绑定的日期值currentDate: new Date(), // 当前时间
四、computed
this.currentDate.getMonth() - 4:注意!!!这个-4,就是当前月往前可选的几个月,
-6就是不算上当前月往前可以选6个月,实在不懂可以自己测一下很简单的~
@change时间就是个函数,值就是选择后的值,这边我就不写了
computed: {pickerOptions() {const startMonth = new Date(this.currentDate.getFullYear(),this.currentDate.getMonth() - 4);const endMonth = this.currentDate;return {disabledDate(time) {return time < startMonth || time > endMonth;},};},},
文章到此结束,希望对你有所帮助~