el-date-picker 设置前置内容
时间: 2023-08-16 12:06:16 浏览: 145
在el-date-picker组件中,可以使用slot来设置前置内容。根据引用\[1\]和引用\[2\]的代码,可以看到在el-date-picker标签内部使用了slot-scope来定义作用域插槽。在插槽内部可以放置任意的HTML代码作为前置内容。例如,可以在el-date-picker标签内部添加一个span标签,然后在span标签内部放置需要的前置内容。具体代码如下:
```html
<el-date-picker v-model="scope.row.delayPlanExitDate" type="date" placeholder="选择日期" @focus="throwDate(scope.row)">
<span>前置内容</span>
</el-date-picker>
```
这样就可以在el-date-picker组件前面添加一个span标签作为前置内容。你可以根据自己的需求修改span标签内部的内容。
#### 引用[.reference_title]
- *1* [element-ui 日期选择器date-picker 设置某一日期前禁用](https://blog.csdn.net/qq_45867474/article/details/122229231)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [el-table内嵌套table的时间管理器限制](https://blog.csdn.net/qq_36712606/article/details/125805267)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [el-date-picker 部分源码解析以及源码修改思路](https://blog.csdn.net/weixin_37342647/article/details/123857856)[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^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文