el-date-picker 今日后的日期时间不能选 选好时间后执行事件

189 阅读1分钟

:picker-options="pickerOptions":设置今日后时间不能选择。属于data属性。

@change="changeDateModel" :设置点击‘确定’按钮后,执行事件。属于method中的方法。

<div class="date-range">
  <el-date-picker
    v-model="dateModel"
    type="datetimerange"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    :clearable="false"
    :picker-options="pickerOptions"
    @change="changeDateModel"
  >
  </el-date-picker>
 </div> 
        
        
pickerOptions: {
    disabledDate(time) {
      const now = new Date();  
      now.setHours(23);
      now.setMinutes(59);
      now.setSeconds(59);
      return time.getTime() > now.getTime();
    }
},
        
 changeDateModel(val) {
   this.starttime = formatTime(new Date(val[0]), 'yyyy-MM-dd HH:mm:ss');
   this.endtime = formatTime(new Date(val[1]), 'yyyy-MM-dd HH:mm:ss');
   this.getDataList();
},