jQuery UI Datepicker Frage

Question

Ich habe 2 Eingabefelder und ich verwende es mit einem Datepicker wie dieses

$("#depart, #return").datepicker({ 
    showOn: 'both', 
    buttonImage: 'images/icon_calendar.gif', 
    buttonImageOnly: true, 
    numberOfMonths:2, 
    dateFormat: 'dd-mm-yy' 
}); 

Irgendwann habe ich die Rückkehr Feld entfernen möchten, und ich tue es mit dem .remove() Methode. Dann benutze ich die Methode .after und füge dieses Feld wieder zum Formular hinzu. Die Datepicker-Funktionalität ist jedoch nicht verfügbar.

Es macht Sinn, aber ich weiß nicht, wie Sie eine Datumsauswahl dem neu erstellten Feld zuweisen?

Answer 1

Nach dem Feld wieder hinzufügen, müssen Sie auf dem Feld rufen .datepicker

Working Demo to demonstrate

Hinweis zum Demo: Da die Schaltflächen hinzufügen fügt eine Texteingabe mit id = "return" hinzu, wobei mehr als eins dazu führt, dass die Eingabe, an die der Datepicker angehängt ist, durcheinander gebracht wird.

$("[where you're inserting]").after("<input id='return' type='text' />"); 

$('#return').datepicker({ 
    showOn: 'both', 
    buttonImage: 'images/icon_calendar.gif', 
    buttonImageOnly: true, 
    numberOfMonths:2, 
    dateFormat: 'dd-mm-yy' 
    }); 

würde ich nur hiding die Eingabe dann showing es wieder empfehlen, wenn es nötig ist, anstatt zu entfernen, dann in das DOM wieder einsetzen.

Answer 2

Ich glaube, Sie müssen neu zuweisen, nachdem Sie es erneut hinzufügen.

Etwas wie folgt aus:

$("#return").remove(); 

$("something").after(myReturnfield); 

$("#return").datepicker(myDatepickerSettings);