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;
    },
  },

           

web前端交流QQ群：327814892