Element datepick 禁止当前之前时间(包含时分秒)

业务方提出禁止当前时间之前的时间选择器。

UI 框架

Element - DateTimePicker

代码

   <el-date-picker
    class="item-width"
    :picker-options="pickerOptions"
    type="datetime"
    value-format="yyyy-MM-dd HH:mm:ss"
    placeholder="Please select tartget time"
    v-model="upgradeDate"
  ></el-date-picker>

data(){
    return {
         pickerOptions: {
            disabledDate(time) {
              return time.getTime() < Date.now() - 8.64e7;
            },
            selectableRange: `${new Date().getHours()}:${new Date().getMinutes()}:${new Date().getSeconds()} - 23:59:59`
      }
    }
}

总结

代码纬度是很简单实例，在最初我来设计代码的时候，并没有考虑到range和date是两个维度事情。