avue日期组件type为daterange时设置disabled为true不生效
时间: 2024-02-11 08:05:35 浏览: 664
avue日期组件的`disabled`属性只能禁用单个日期选择器,而不能禁用日期范围选择器中的两个日期选择器。如果要禁用整个日期范围选择器,需要使用`readonly`属性或者自定义样式来实现。
例如,可以使用以下CSS样式来禁用整个日期范围选择器:
```
.avue-form-item .el-date-editor.is-disabled {
background-color: #f5f7fa;
border-color: #e4e7ed;
cursor: not-allowed;
}
```
然后在日期范围选择器上添加`readonly`属性即可:
```
<avue-form-item label="日期范围">
<el-date-picker
type="daterange"
v-model="dateRange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
readonly
></el-date-picker>
</avue-form-item>
```
阅读全文
相关推荐













