el-date-picker禁用当前时间之间的10天

功能需求

在项目中需要禁用时间控件中当前时间的前10天，不能被选中，当前时间是2020-11-24，那么从2020-11-14开始，之前时间都是不能选择的

1. 选用Element UI中的el-date-picker控件

   <el-date-picker
      v-model="ruleForm.startDate"
      type="date"
      placeholder="选择日期"
      format="yyyy 年 MM 月 dd 日"
      value-format="yyyy-MM-dd"
      :picker-options="pickerOptions"
      style="width: 200px">
    </el-date-picker>
   

2. js代码 这里使用的是vue框架

   data() {
       return {
         pickerOptions: {
   	   disabledDate(time) {
   	     const dd = new Date();
   	     dd.setDate(dd.getDate() - 10);
   	     return time < dd;
   	   },
   	 }
      }
    },