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 一年之后的日期不能选
        }
      }


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM