forcer le datepicker de jquery ui à se fermer / ne pas faire de popup

Question

J'ai un datepicker jquery ui dans une boîte de dialogue et j'ai remarqué que lorsque je ferme la boîte de dialogue, il reste parfois dans la boîte de dialogue.

J'ai essayé de faire

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

mais cela ne semble pas tout cacher.

Je vois qu'il existe une option de dialogue, mais je ne sais pas du tout si c'est ce dont j'ai besoin ou comment l'utiliser.

dialogue

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

Ouvrir un sélecteur de date dans une boîte de dialogue.

dateText : la date initiale pour le sous la forme d'une date ou d'une chaîne au format de la date actuelle.

onSelect : Une fonction de rappel lorsqu'une est sélectionnée. La fonction reçoit le texte de la date et le sélecteur de date comme paramètres.

des paramètres : Les nouveaux paramètres pour la sélecteur de date.

pos : La position la boîte de dialogue sous forme de [x, y] ou d'un MouseEvent qui contient les coordonnées. Si elle n'est pas spécifiée, la boîte de dialogue est centrée sur l'écran.

De plus, lorsque j'ouvre la boîte de dialogue, le sélecteur de date s'ouvre et se trouve dans le coin gauche de l'écran, sous la boîte de dialogue.

Je pense que c'est parce que je renseigne une valeur par défaut, mais je le fais par l'intermédiaire du sélecteur de date, donc je ne sais pas exactement pourquoi cela apparaît parfois et parfois non.

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

Answer 1

Il est préférable d'utiliser .remove() au lieu de .hide() dans les scénarios où vous créez de nouvelles instances.

Ou mieux encore : Utiliser la méthode datepicker comme .datepicker("hide") vous pouvez le voir à l'adresse suivante la documentation .

Answer 2

Vous pouvez également mettre en œuvre cette méthode à l'aide de css. Ce n'est pas la meilleure façon de procéder, mais elle est certainement efficace.

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