elementUI限制日期时间选择器禁止选择当前时间之前的时间 用代码呈现
时间: 2023-02-09 15:14:29 浏览: 91
element-ui 限制日期选择的方法(datepicker)
:
<el-date-picker
v-model="value"
type="datetime"
:picker-options="pickerOptions"
placeholder="选择日期时间">
</el-date-picker>
data () {
return {
value: '',
pickerOptions: {
disabledDate (time) {
return time.getTime() < Date.now() - 8.64e7
}
}
}
}
这段代码使用了 elementUI 的日期时间选择器,并通过 pickerOptions 选项中的 disabledDate 函数限制了用户不能选择当前时间之前的时间。具体实现方式为:在 disabledDate 函数中,通过判断当前选择的时间与当前时间的差值是否小于 8.64e7 毫秒(即 24 小时),如果是,则返回 true,表示禁止选择;否则返回 false,表示允许选择。
阅读全文