element 時間限制 結束時間大於開始時間 數組形式

      組件中   綁定focus時間 
      <el-form-item  v-for="(item, index) in ruleForm.yunqiDateArr" :key="index">
            <el-date-picker
              value-format="yyyy-MM-dd"
              v-model="item.startdate"
              type="date"
              placeholder="選擇日期"
            ></el-date-picker><el-date-picker
              value-format="yyyy-MM-dd"
              v-model="item.enddate"
              type="date"
              @focus="changeStart(index)"
              :picker-options="pickerOptionsEnd"
              placeholder="選擇日期"
            ></el-date-picker>
    </el-form-item>

    data中 添加 pickerOptionsEnd: {},
 
 
 
 js中
 changeStart(index) {
      this.pickerOptionsEnd = Object.assign({}, this.pickerOptionsEnd, {
        disabledDate: time => {
          let beginDateVal = this.ruleForm.yunqiDateArr[index].startdate;
          if (beginDateVal) {
            return (
              time.getTime() <
              new Date(beginDateVal).getTime() - 1 * 24 * 60 * 60 * 1000
            );
          }
        }
      });
    },

 

 

相關文章
相關標籤/搜索