城关区建设局网站北京大型网站制作公司

需求：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;},};},},

文章到此结束，希望对你有所帮助~