el-date-picker

常见使用

disabledDate： 结束时间不能大于开始时间。

设置picker-options的disabledDate，返回true被禁用。

//开始时间
<el-date-picker v-model="startDate"></el-date-picker>
//截止时间
<el-date-picker v-model="endDate" :picker-options="endDateOpt"></el-date-picker>

data() {
    return {
        startDate: null,
        endDate: null,
        endDateOpt: {
            disabledDate: (time) => {
                return time.getTime() < this.startDate;
            }
        }
    }
}

daterange或datetimerang

<el-date-picker v-model="value1" type="daterange" 
    :picker-options="pickerOptions">
</el-date-picker>

data() {
   return {
     value: '',
     pickerOptions2: {
         disabledDate: (time) => {
             return time.getTime() > new Date(2017, 11, 30) || time.getTime() < new Date(2017, 11, 11);//注意是||不是&&
         }
     }
   };
}

• @vue+elementUI 关于日期选择器的disabledDate问题_vue el-date-picker disableddate-CSDN博客
• @ElementUI之el-date-picker禁选配置 - 羽丫头不乖 - 博客园

常见问题

element-ui的el-date-picker日期组件清空为null问题解决

可以在提交的时候将null修改为 ‘’。

const data = data == null ? '' : data;