首页 > 编程语言 > 详细

element 时间限制 结束时间大于开始时间 数组形式

时间:2019-07-29 13:15:02      阅读:286      评论:0      收藏:0      [点我收藏+]
      组件中   绑定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
            );
          }
        }
      });
    },

 

 技术分享图片

 

element 时间限制 结束时间大于开始时间 数组形式

原文:https://www.cnblogs.com/chen-yi-yi/p/11263002.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!