效果图,红框的就是不可选的
在el-date-picker中添加picker-options属性,
<el-date-picker
v-model="form.endTime"
type="date"
placeholder="请选择结束时间"
value-format="yyyy-MM-dd"
:picker-options="pickerOptions"
>
</el-date-picker>
然后在data中添加
data(){
return{
pickerOptions: {
disabledDate(date) {
//这里设置今天以前的不可选
return date.getTime() < Date.now() - 24 * 60 * 60 * 1000;
}
}
}
}
附加,日期选择器的格式可以使用value-format设置
例如:
value-format="yyyy-MM-dd"