jQuery datepicker – change l’affichage de .ui-datepicker-calendar après init

Comment puis-je modifier l’atsortingbut d’affichage css de la classe ui-datepicker-calendar après que le sélecteur de date a déjà été initialisé? J’ai un formulaire html avec une case à cocher sélectionnable à partir de laquelle je veux basculer l’affichage de cette table. J’ai essayé ce qui suit:

Exemple HTML:

 
Zeitraum:
 
 - 
 
 
 
 grobe Planung
  

JS première approche:

   $(document).ready(function() { $("#datefrom, #dateto").datepicker({ dateFormat: "dd.mm.yy", [...] beforeShow: function(input, inst) { if ($("#dateplanedcheck").is(':checked')) { $(".ui-datepicker-calendar").css("display", "none"); }} }); [...] });  

Le beforeShow est appelé, mais le calendrier est toujours affiché.

• Texte noir – blanc sur fond noir
• Comment redimensionner une combobox kendo ui?
• Pourquoi le script jQuery ne fonctionne-t-il pas?
• Vérifiez si div est fait défiler vers le bas, laissez-le seul sinon
• Comment modifier la propriété CSS ‘clip’ dans JQuery?

Deuxième approche JS:

   $(document).ready(function() { [....] $("#dateplanedcheck").change(function() { if ($(this).is(':checked')) { $(".ui-datepicker-calendar").css("display", "none"); } }); });  

Qu’est-ce que je rate? Est-ce que cela fonctionne même avec jQuery? Merci d’avance!

• glisser et déposer en utilisant jQuery
• Performances CSS3? animer à gauche ou traduireX
• Foundation Zurb incapable de modifier le texte de l’info-bulle
• JQUERY.COUNTO.JS: On Scroll Count Numbers NOT OnLoad
• Zone sécurisée du site Web iPhone X

 $("#datefrom, #dateto").datepicker({ dateFormat: "dd.mm.yy", beforeShow: function(input, inst) { if ($("#dateplanedcheck").prop('checked')) { return false; } } });