在项目中有时候需要设置可选择时间在当前时间之后,如新建一个巡检计划等..
如果项目用了element ui 的 DatePicker 可以通过设置自带属性来完成该功能,而不用做一大推验证了
代码如下:
<el-date-picker
style="width:195px"
value-format="yyyy-MM-dd"
v-model="form.start_date"
type="date"
:picker-options="pickerOptions"
placeholder="选择日期">
</el-date-picker>
...
data() {
return {
pickerOptions1: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
},
}
}
}
网友评论