element日期选择组件设置结束时间大于开始时间value-format设置字符串

1、html

<el-date-picker
        style=" 50%"
        v-model="value1"
        type="date"
        size="mini"
        value-format="yyyy-MM-dd"
        placeholder="开始日期"
        @change="timeChange"
        :picker-options="pickerOptions0">
</el-date-picker>
<el-date-picker
        style=" 50%"
        v-model="value2"
        type="date"
        value-format="yyyy-MM-dd"
        size="mini"
        placeholder="结束日期"
        :picker-options="pickerOptions1">
</el-date-picker>

View Code



2、js

value1:'',
value2:'',
pickerOptions0: {
　　disabledDate: (time) => {
　　　　if (this.value2) {
　　　　　　return time.getTime() > new Date(this.value2).getTime();
　　　　}

　　}
},
pickerOptions1: {
　　disabledDate: (time) => {
　　　　return time.getTime() < new Date(this.value1).getTime();
　　}
},