element 日期范围选择器 限制只能选择今天以及以后的日期 要如何实现

Question

<el-form-item label="日期：" label-width="100px">
              <el-date-picker
                v-model="value1"
                type="daterange"
                range-separator="-"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                size="mini"
                :picker-options="pickerOptions"
              />
            </el-form-item>

已解决

pickerOptions: {
        disabledDate(time) {
          return time.getTime() < Date.now() - 8.64e7 // 设置选择今天以及今天之后的日
          // return time.getTime() > Date.now(); //设置选择今天以及今天以前的日期
          // return time.getTime() < Date.now();//设置选择今天之后的日期（不能选择当天时间）
          // return time.getTime() > Date.now() - 8.64e7 //设置选择今天之前的日期（不能选择当天）
          // 设置当天23：59：59可选
          // let currentTime = this.getNowMonthDay() + ` 23:59:59`
          // return time.getTime() > new Date(currentTime).getTime()
        }
      }

Answer 1

添加 :picker-options="pickerOptions"

利用这个属性 disabledDate

例：

pickerOptions：{
    disabledDate: (time) => {

        // 具体条件根据自己需求写
        return time.getTime() > Date.now();
    ```
}

}

Answer 2

:picker-options="pickerOptions0"

`data() {

return {
  pickerOptions0: {
    disabledDate(time) {
      return time.getTime() > Date.now();
    }
  }
}

}`

Answer 3

<el-date-picker :picker-options="pickerDisabled" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" v-model="ruleForm.activityTime" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
data(){

return{
  pickerDisabled: {
    disabledDate(time) {
      return time.getTime() < Date.now() - 24 * 60 * 60 * 1000
    }
  },    
}

}