elementUI DatePicker 日期选择器：当日6点之前选择可选T+4日期，当日6点之后仅可选择T+5日期

效果：

• 当日6点之前（可选择T + 4）
  

• 当日6点之后（可以选择 T + 5）
  

主要做法：利用elementUI DatePicker 的 picker-options属性

具体代码：

// html
<div class="content-box">
   <el-date-picker type="date" v-model="time" value-format="yyyy-MM-dd" 
     :picker-options="pickerOptions" placeholder="请选择上线时间"></el-date-picker>
	<div class="tips">当日6点之前选择可选T+4日期，当日6点之后仅可选择T+5日期</div>
</div>

// js
pickerOptions: {
   disabledDate(time) {
    // 获取当天6点的时间戳
    const sixTime = new Date().setHours(6, 0, 0, 0);
    // 获取目前时间的时间戳
    const currentTime = new Date().getTime();
    // 当日6点之前选择可选T+4日期，当日6点之后仅可选择T+5日期
    if (currentTime >= sixTime) {
      return time.getTime() > Date.now() + 5 * 24 * 60 * 60 * 1000;
    }
   	  return time.getTime() > Date.now() + 4 * 24 * 60 * 60 * 1000;
    },
  },

前端进阶精选：点此去