Question

这是我第二次提出这个问题。我最初收到的回复和类似问题的其他无数回答都没有帮助我解决问题。

问题是初始化一个datepicker对象后，第二次初始化会导致它失败。我尝试过各种各样的模糊和破坏，但没有任何对我有用。

请查看this simple page which demonstrates the problem

以下是包含datepicker输入元素的页面的javascript ...

$(document).ready (function(){
     sp = " ";
     lf = '\n'


  $(function (){
     $("input#datepicker").datepicker(); 
     $("input#datepicker2").datepicker();   
  })


})// document ready

我真的很感激能帮助你实现这个目标。我已经花了大约八个小时没有成功。

谢谢，

-dmd -

Answer 1

您的代码已过时。你在文档就绪函数中有一个文档就绪函数（$(function(){})是$(document).ready(function(){})的简写。但这不是问题。在你的divtest.html中使用以下代码并删除调用datepicker.html：

$(function(){
  $(document).on('DOMNodeInserted','input#datepicker,input#datepicker2', function(){
    $(this).datepicker();
  });
}

Answer 2

最后，我有一个解决方案，很简单。

在datepicker页面上，在初始化datepicker之前，添加此行

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

然后

$("input#datepicker").datepicker(); 
$("input#datepicker2").datepicker();

这对我有用，我真的希望它适用于那些陷入困境的其他人。

jQuery Datepicker在第一次加载页面时没问题但之后失败了

2 个答案: