el-date-picker点击无反应
时间: 2023-08-21 18:06:18 浏览: 179
el-date-picker点击无反应可能是由于禁止选择未来日期后,【此刻】按钮没有响应引起的。解决此问题的方法是给picker-options禁用传值-8.64e7,即将当前日期减去24小时,以确保可以选择到当天。具体代码如下:
disabledDate(date) {
return date.getTime() - 8.64e7 > Date.now() - 24 * 60 * 60 * 1000;
}
另外,还需要确保el-date-picker组件的value-format属性设置为"yyyy-MM-dd",并添加@input="input()",具体代码如下:
<el-date-picker v-model="Date" value-format="yyyy-MM-dd" @input="input()"></el-date-picker>
在methods中添加input方法,代码如下:
input() {
this.$forceUpdate();
}
通过以上方法,可以解决el-date-picker点击无反应的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [el-date-picker 禁用日期后,【此刻】按钮点击无反应](https://blog.csdn.net/qq_40896145/article/details/131514347)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Vue中使用this.$forceUpdate解决el-date-picker点击不显示问题](https://blog.csdn.net/Coludidi/article/details/126606005)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文