前言: 有时候,我们会遇到在日期选择器中,对于当前日期之后的日期不让用户选择,对未发生的日期,还未产生数据,接口也需要屏蔽掉未发生的日期。效果如下图所示:
其实,组件文档里面有说明,只需要设置一下picker-options即可,下面,让我们看下代码吧:
<el-date-picker
v-model="value1"
:popper-append-to-body="false"
type="date"
value-format="yyyy-MM-dd "
placeholder="选择日期"
:picker-options="{
disabledDate(time) { // 设置禁用状态,参数为当前日期,要求返回 Boolean
return time.getTime() > Date.now();
}
}"
@change="getTime()">
</el-date-picker>