jQuery Datepicker okay beim ersten Laden einer Seite, aber danach fehlgeschlagen

Question

Dies ist das zweite Mal, dass ich diese Frage gestellt habe. Weder die Antworten, die ich ursprünglich erhalten habe, noch die unzähligen anderen Antworten auf ähnliche Fragen haben mir geholfen, das Problem zu lösen.

Das Problem ist, dass nach der Initialisierung eines Datepicker-Objekts eine zweite Initialisierung dazu führt, dass es fehlschlägt. Ich habe versucht, alles zu verwischen und zu zerstören, aber nichts hat für mich funktioniert.

Bitte nehmen Sie sich einen Blick auf this simple page which demonstrates the problem

Hier ist die Javascript für die Seite ist, die die Datepicker Eingabeelemente enthält ...

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


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


})// document ready 

ich Hilfe wirklich zu schätzen würde diese Funktion zu erhalten. Ich habe schon acht Stunden ohne Erfolg verbracht.

Danke,

-dmd-

Answer 1

Ihr Code ist veraltet. Sie haben ein Dokument bereit Funktion innerhalb eines Dokuments bereit Funktion ($(function(){}) eine Abkürzung von $(document).ready(function(){}) ist Aber das ist nicht das Problem den folgenden Code in Ihrer divtest.html verwenden und die Anrufe in datepicker.html entfernen:..

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

Answer 2

Schließlich habe ich eine Lösung haben, und es ist einfach.

Auf der Seite picker, bevor picker Initialisierung, fügen sie diese Zeile

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

dann

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

Dies funktioniert für mich und ich hoffe wirklich, es funktioniert für alle anderen, die mit dem Problem festgefahren sind.