el-date-picker直接显示
时间: 2023-08-18 17:08:22 浏览: 104
回答: 根据您提供的代码引用,el-date-picker组件可以通过设置v-model属性来直接显示日期。在您提供的代码中,el-date-picker组件的v-model属性分别为queryInfos.sheetDate和queryInfos.endTime,这意味着这两个属性的值将被用作el-date-picker组件的初始值,并且用户选择日期后,这些属性的值将自动更新。另外,您的代码中还有一个getdatatime方法,它被用来设置queryInfos.sheetDate和queryInfos.endTime的初始值。在mounted钩子函数中,getdatatime方法会被调用,以确保日期的初始值正确地设置为当前日期。 最后,您还提供了一个limitTime方法,它可以用来禁用el-date-picker组件中的日期。在disabledDate函数中,如果时间早于开始时间或晚于结束时间,则返回true,这意味着这些日期将被禁用。因此,通过调用limitTime方法并将其返回值应用于el-date-picker组件的disabledDate属性,您可以实现禁用特定日期范围内的日期选择。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* [使用vue中的el-date-picker日期选择器,用户不手动选择时,默认显示当天日期和往后或者往前的时间](https://blog.csdn.net/m0_60741007/article/details/125480743)[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^chatsearchT0_1"}} ] [.reference_item]
- *3* [el-date-picker picker-options 时间限制 用法](https://blog.csdn.net/weixin_44690121/article/details/123270423)[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^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]
阅读全文