小笔记-时间使用和转换控制-disabledDate

element ui 中date的 disabledDate 使用

<el-date-picker
            v-model="ctime"
            type="daterange"
            align="right"
            unlink-panels
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            :default-time="['00:00:00', '23:59:59']"
            value-format="timestamp"
            @change="search.date=''"
            clearable
            style="width:260px;padding-right:0px"
            :picker-options="pickeroptions"
            
          ></el-date-picker>
          

:picker-options="pickeroptions" 这里面可以控制 pickeroptions 来传参 disabledDate 。 控制当前时间之前多久不必选择。置灰

data(){
return {
  pickeroptions:{
        disabledDate: this.disabledDate
      },
        
}

从方法中我们可以知道 比如获取当前时间两年之前以后的时间。 那么2年之前的的时间状态选择为置灰。

methods：{

    disabledDate(time) {
    // 86400是一天 24小时，1小时60分钟，1分钟60秒， 一天为86400 秒
    // 730 为 一年365天，两年730天
      return time.getTime() < Date.now() - (86400 * 730 * 1000)
      // 传入时间时间戳 < 两年  return true
     // 传入时间时间戳 > 两年   return   false
    },

}