<el-form-item :inline="true" width="200px;" class="time" >
<!-- label="活动时间" -->
<el-col :span="6">
<el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;" :picker-options="pickerOptions0"></el-date-picker>
</el-col>
<el-col class="line" :span="1">-</el-col>
<el-col :span="6">
<el-date-picker type="date" placeholder="选择日期" v-model="form.date2" style="width: 100%;" :picker-options="pickerOptions1" ></el-date-picker>
</el-col>
</el-form-item>
data(){
return {
//日期
pickerOptions0: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
},
pickerOptions1: {
disabledDate: (time) => {
return time.getTime() < this.form.date1;
}
},
}
<el-form-item :inline="true" width="200px;" class="time">
<!-- label="活动时间" -->
<el-col :span="6">
<el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"
:picker-options="pickerOptions0" value-format="yyyy-MM-dd"></el-date-picker>
</el-col>
<el-col class="line" :span="1"> -</el-col>
<el-col :span="6">
<el-date-picker type="date" placeholder="选择日期" v-model="form.date2" style="width: 100%;"
:picker-options="pickerOptions1" value-format="yyyy-MM-dd" ></el-date-picker>
</el-col>
</el-form-item>
//日期
pickerOptions0: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
},
pickerOptions1: {
// disabledDate: (time) => {
// return time.getTime() < this.form.date1;
// }
disabledDate: (time) => {
return time.getTime() > this.form.date1 || time.getTime() < Date.now();
// return time.getTime() > this.pickerOptions1
// return time.getTime() < Date.now() - 8.64e7
}
},
网友评论