el-date-picker选择时间,限定选择的时间段

选择日期的时候,例如必须大于当前时间,小于某一个日期

 <el-date-picker
                :picker-options="startTimeOptions"
                v-model="formValidate.date"
                type="date"
                placeholder="选择日期"
                format="yyyy 年 MM 月 dd 日"
                @change="getChange"
                value-format="yyyy-MM-dd">
              </el-date-picker>
data() {
    return {
      startTimeOptions: this.beginDate()
    }
  },

 

beginDate(){
      const self = this
      return {
        disabledDate(time){
          let newDataStr = self.last_day.replace(/\.|\-/g, '/')
          let date = new Date(newDataStr);
          let timestamp = date.getTime();
          if(time.getTime() < Date.now()){
            return time.getTime() < Date.now() // 大于当天
          }else{
            return timestamp < time.getTime()   // 小于某个时间
          }
        }
      }
    },

 

posted @ 2021-12-14 15:33  haonanElva  阅读(741)  评论(0编辑  收藏  举报