jqueryui datepicker失效

Posted 2020-08-03

    实现编辑用户信息功能时使用了jqueryui的datepicker，但是只有第一次在列表中选中用户才能触发弹出框。

datepicker会在方法初始化时在页面尾部附加一个

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>

点击input后修改其样式并在内容里附加弹出框代码。

    因为项目中使用的方法是将编辑页面的html内容附加到父页面的一个div中，选择其他对象时第一次调用datepicker后产生的div也被附加了进去。

在js代码的$(obj).datepicker()前加一句

$("#ui-datepicker-div").remove();

具体原因没有详细查过，大概跟datepicker控件的初始化代码有关。