elementui 日期選擇器設置當前默認日期（picker-options），以及當前日期以后的無法選擇（default-value）

 

目前官方的日期默認是當前日期，打開之后長這樣子：現在是三月13日，但是有的需求是當前日期在后面。

 

就像這樣：

 代碼如下：

default-value是設置當前日期默認值的。"timeDefaultShow"是在data里面的值，而不是方法。

<el-date-picker
        v-model="pickerDate"
        type="daterange"
        range-separator="至"
        start-placeholder="開始日期"
        :picker-options="pickerBeginDateBefore"
        :default-value="timeDefaultShow"
        end-placeholder="結束日期"
        size="small"
        class="margin-right-10">
      </el-date-picker>

data() {
  return {
    pickerBeginDateBefore:{
      disabledDate(time) {
        return time.getTime() > Date.now();
      }
    },
    timeDefaultShow:'',
}
}

在created或mounted（也就是頁面第一次加載時）更新timeDefaultShow:

上個月的當前日期為默認值

that.timeDefaultShow = new Date();
 that.timeDefaultShow.setMonth(new Date().getMonth() - 1);

打開就是上面的效果了。

 

再說當前日期后面的日期不能選擇：

（上面代碼中有這句話）pickerBeginDateBefore也是一個值。附上官網鏈接（第一個例子里面有該方法)：日期選擇器