el-el-date-picker日期时间选择器点击了之后展示的弹框中的输入框不允许更改,详细事例
时间: 2023-08-12 16:45:17 浏览: 161
好的,针对你的问题,我了解到 el-date-picker 是 ElementUI 中的一个日期选择器组件,而 el-el-date-picker 可能是你的自定义组件,是在 el-date-picker 基础上进行的二次封装。
针对你的问题,我猜测可能是因为 el-el-date-picker 中的输入框被设置为只读(readonly),导致无法更改。你可以检查一下 el-el-date-picker 组件的代码是否存在这样的设置。
以下是一个简单的例子,展示了如何使用 el-date-picker 组件,并将其设置为只读:
```
<template>
<el-date-picker
v-model="date"
type="date"
placeholder="选择日期"
:readonly="true"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
date: ''
}
}
}
</script>
```
在这个例子中,我们通过在 el-date-picker 组件上设置 :readonly="true",将其设置为只读状态。如果你的 el-el-date-picker 组件中也存在类似的设置,你可以将其移除,或者将其改为可编辑状态。
相关问题
el-date-picker日期时间选择器中范围选择器输入框不能更改
针对你的问题,我猜测可能是因为 el-date-picker 组件中的范围选择器输入框被设置为只读(readonly),导致无法更改。你可以检查一下 el-date-picker 组件的代码是否存在这样的设置。
以下是一个简单的例子,展示了如何使用 el-date-picker 组件的范围选择器,并将其设置为只读:
```
<template>
<el-date-picker
v-model="dateRange"
type="daterange"
start-placeholder="开始日期"
end-placeholder="结束日期"
:readonly="true"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
dateRange: []
}
}
}
</script>
```
在这个例子中,我们通过在 el-date-picker 组件上设置 :readonly="true",将其设置为只读状态。如果你的 el-date-picker 组件中也存在类似的设置,你可以将其移除,或者将其改为可编辑状态。
el-date-picker日期时间选择器中范围选择器输入框变为不能更改
针对你的问题,可能是因为 el-date-picker 组件中的范围选择器输入框被禁用(disabled),导致无法更改。你可以检查一下 el-date-picker 组件的代码是否存在这样的设置。
以下是一个简单的例子,展示了如何使用 el-date-picker 组件的范围选择器,并将其设置为禁用:
```
<template>
<el-date-picker
v-model="dateRange"
type="daterange"
start-placeholder="开始日期"
end-placeholder="结束日期"
:disabled="true"
></el-date-picker>
</template>
<script>
export default {
data() {
return {
dateRange: []
}
}
}
</script>
```
在这个例子中,我们通过在 el-date-picker 组件上设置 :disabled="true",将其设置为禁用状态。如果你的 el-date-picker 组件中也存在类似的设置,你可以将其移除,或者将其改为可编辑状态。
阅读全文