el-date-picker 禁用日期后 此刻不可用
时间: 2024-06-19 22:03:35 浏览: 241
vue element-ui el-date-picker限制选择时间为当天之前的代码
el-date-picker是一个基于element-ui的日期选择器组件,通过设置disabledDate属性可以禁用指定的日期。当禁用的日期包括当前日期时,此刻将不可用。
例如,在模板中可以这样使用el-date-picker组件:
```
<template>
<el-date-picker
v-model="date"
:disabled-date="disabledDate">
</el-date-picker>
</template>
<script>
export default {
data() {
return {
date: new Date()
}
},
methods: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
}
}
}
</script>
```
在上述代码中,disabledDate方法返回时间是否应该被禁用。在这个例子中,当时间早于当前时间一天之前时,将被禁用,包括此刻。
阅读全文