jquery-ui datepicker插件在页面第二次点击时无效的问题

Posted 2020-12-18 tianlong

页面结构是这样的：

一个大的main父页面中嵌有子页面，点击菜单切换时，main页面不变，子页面切换。

a、b两个子页面中都有datepicker控件。

问题现象：

页面初始化后，在第一个子页面中初始化datepicker，正常。点击菜单切换子页面，其后的所有datepicker均不正常。

问题原因及解决：

在首次初始化datepicker后，会动态的生成一个<div id="ui-datepicker-div" >的标签（猜测应该是生成在了main页面中），因此在第二次初始化datepicker时，因为该div的存在，datepicker就不能正常初始化了。

解决办法很简单

if($(‘#ui-datepicker-div‘)){
$(‘#ui-datepicker-div‘).remove();
}
初始化datepicker前，判断一下该标签是否存在，存在的话，删除即可。
————————————————
版权声明：本文为CSDN博主「luckyxl029」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/luckyxl029/java/article/details/76576852