背景:业务需求要实现当前日期之前不可选择,网上找到的博客基本上是Vue2 element-ui的用法,因此特地请教了公司的大神
效果图:
实现:
<el-form-item label="考试时间:" prop="examDate">
<el-date-picker v-model="addForm.examDate" type="datetime" placeholder="选择时间" format="YYYY-MM-DD HH:mm" value-format="YYYY-MM-DD HH:mm" :disabled-date="disabledDate" />
</el-form-item>
methods:{
// 禁止选择当前日期之前的
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7
},
}