element ui日期选择器只能选择一年之内的数据

  • html代码
<el-date-picker v-model="sysFnClkFrqForm.date" :picker-options="pickerOptions" type="daterange" size="mini"
 format="yyyy-MM-dd" value-format="yyyy-MM-dd" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期">
 </el-date-picker>

重点在于el-date-picker中的picker-options的属性

  • js代码
pickerOptions: {
        disabledDate(time) {
          const year = new Date().getFullYear() // 获取当前年份
          const mon = new Date().getMonth() + 1 // 获取当前月份份
          const day = new Date().getDate() // 获取当前日期
          const oneYear = year + 1 // 获取明年
          const timeYear = new Date(oneYear + '/' + mon + '/' + day).getTime() // 将明年的日期转换成时间戳
          return time.getTime() < Date.now() - 8.64e7 || time.getTime() > timeYear // time.getTime() < Date.now() - 8.64e7 当前日期之前的日期不能选     time.getTime() > timeYear 一年之后的日期不能选
        }
      }
posted @ 2021-03-10 17:23  yan随手记  阅读(3318)  评论(0)    收藏  举报