Element-ui 时间选择器 控制3个月3年等等不能选择案例

前言:开发中遇到需求控制三个月前或者后不能选择、控制三年前或者三年后选择时间范围案例,请看demo:

<el-date-picker

      v-model="value2"

      align="right"

      type="date"

      placeholder="选择日期"

      :picker-options="pickerOptions">

</el-date-picker>

pickerOptions: {

        //返回值 表示不可选的区间 YES代表不能选中 NO代表可以选中

        disabledDate(time) {

          let date =new Date() //获取当前时间

          let year = date.getFullYear() + 3  //控制时间年 之前用- 之后用加

          let month =date.getMonth() //控制月份之前减、之后用加。获取3个月前的月份的index(0是1月)

          let day = date.getDate()

          let threeMounthsBeforeDay = (new Date(year,month,day)).getTime() //定义2个月前的毫秒数

          //限制时间范围,如果要包含今天可以+/-8.64e7/8.64e6。现在是往后控制的时间,如果是往前控制 符号变成相反的就可以了

          return time.getTime() < Date.now() || time.getTime() > threeMounthsBeforeDay

        }

      }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容