第一次加载页面时jQuery Datepicker可以，但是此后失败

Question

This is the second time I have asked this question. Neither the responses I received initially nor any of the myriad of other answers to similar questions have helped me to solve the problem.

The problem is that once a datepicker object is initialized, a second initialization causes it to fail. I have tried all sorts of blurring and destroying but nothing has worked for me.

Please take a look at this simple page which demonstrates the problem

Here is the javascript for the page that contains the datepicker input elements...

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


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


})// document ready

I would truly appreciate any help to get this working. I've already spent about eight hours with no success.

Thanks,

-dmd-

Answer 1

Your code is obsolete. you got a document ready function inside of an document ready function ( $(function(){}) is a shorthand of $(document).ready(function(){}) . But this isn't the Problem. Use the following code in your divtest.html and remove the calls in datepicker.html:

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

Answer 2

Finally, I have a solution and it is simple.

On the datepicker page, before initializing datepicker, add this line

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

then

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

This works for me and I truly hope it works for everyone else who has been bogged down with the issue.