el-date-picker 如何手动输入
时间: 2023-11-23 22:57:06 浏览: 29
el-date-picker组件默认是可以手动输入的,只需要将editable属性设置为true即可。例如:
```html
<el-date-picker v-model="date" type="date" :editable="true"></el-date-picker>
```
这样就可以在日期选择器中手动输入日期了。
相关问题
el-date-picker手动输入
element-ui的DateTimePicker组件提供了一个editable属性,可以用来控制是否允许手动输入。然而,该属性只对外框有效,内框仍然可以手动输入。如果需求要求外框和内框都不允许输入只能选择,我们需要自己编写JavaScript代码来实现。可以通过给组件内的输入框添加readonly属性来将其变为只读状态。以下是一个解决方案的示例
el-date-picker手动输入多种格式
您可以使用element-ui的DateTimePicker组件来手动输入多种格式的日期和时间。根据您提供的引用内容,我可以看到有几种方法可以实现这个需求。
方法1:
您可以使用editable属性来控制外层的输入框是否可编辑,但是这只对外层的输入框有效。对于内层的输入框,您可以通过添加readonly属性来禁止手动输入。您可以在组件的focus
#### 引用[.reference_title]
- *1* [element-ui el-date-picker禁止手动输入](https://blog.csdn.net/qq_43151592/article/details/126624442)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [el-date-picker禁止手动输入只能选择](https://blog.csdn.net/anny_mei/article/details/124175502)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
相关推荐
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)