Erzwingen jquery ui datepicker zu schließen / nicht Popup

Question

Ich habe eine jquery ui datepicker in einem Dialog und ich bemerkte, wenn ich den Dialog schließen es manchmal bleibt herum.

Ich habe versucht, die

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

aber das scheint nicht alles zu verbergen.

Ich sehe, dass es eine Dialogoption gibt, aber ich habe keine Ahnung, ob ich sie brauche oder wie ich sie nutzen kann.

Dialog

.datepicker( "dialog" , date , [onSelect] , [settings] , [pos] )

Öffnen Sie eine Datumsauswahl in einem "Dialogfeld".

dateText: das Anfangsdatum für die Datumswähler entweder als Datum oder als String im aktuellen Datumsformat.

onSelect: Eine Callback-Funktion, wenn ein Datum ausgewählt wird. Die Funktion erhält den Datumstext und die Datumswahl Instanz als Parameter.

Einstellungen: Die neuen Einstellungen für das Datumswähler.

pos: Die Position des oberen/linken Teils der des Dialogs als [x, y] oder ein MouseEvent das die Koordinaten enthält. Falls nicht angegeben, wird der Dialog zentriert auf dem Bildschirm zentriert.

Außerdem öffnet sich manchmal beim Öffnen des Dialogs die Datumsauswahl und befindet sich in der linken Ecke des Bildschirms unterhalb des Dialogs.

Ich glaube, das liegt daran, dass ich einen Standardwert einfüge, aber ich tue es über die Datumsauswahl, so dass ich nicht sicher bin, warum es manchmal auftaucht und manchmal nicht

  $('#datepicker').datepicker("setDate", '+1d')

Answer 1

Es ist besser zu verwenden .remove() anstelle von .hide() in Szenarien, in denen Sie neue Instanzen erstellen.

Oder besser noch: Verwenden Sie die Methode von datepicker wie .datepicker("hide") Sie können es sehen unter Dokumentation .

Answer 2

Sie können dies auch mit css umsetzen. Das ist zwar nicht die optimale Methode, aber sie erfüllt sicherlich ihren Zweck.

$('#datepicker').css('visibility','hidden');