el-date-picker设置禁用
时间: 2023-11-03 22:53:39 浏览: 98
vue element-ui el-date-picker限制选择时间为当天之前的代码
您可以使用 `disabled` 属性来禁用 `el-date-picker` 组件。例如:
```html
<template>
<div>
<el-date-picker
v-model="date"
:disabled="disabled"
></el-date-picker>
<el-checkbox v-model="disabled">禁用</el-checkbox>
</div>
</template>
<script>
export default {
data() {
return {
date: '',
disabled: false
};
}
};
</script>
```
在上面的示例中,`disabled` 属性是一个响应式的数据,通过绑定到 `el-date-picker` 组件的 `:disabled` 属性上,可以动态控制 `el-date-picker` 组件的禁用状态。当 `disabled` 的值为 `true` 时,组件将被禁用;当 `disabled` 的值为 `false` 时,组件将可用。在示例中,我使用了一个复选框来切换禁用状态,您可以根据需要进行相应的修改。
阅读全文