Wie füge ich eine Klasse in jQuery hinzu Datepicker

Question

Ich habe einen DatePicker jQuery Kalender in meiner Web App. Die Pfeile, die zum vorherigen oder nächsten Monat wechseln, sind im Moment "transparent". Ich merke jedoch, dass es funktioniert, denn wenn ich auf den "Pfeil" klicke, ändert sich der Monat.

Ich habe den folgenden Code auf dem Developper-Tool ausprobiert und es funktioniert:

$('.ui-datepicker-next span').addClass('ui-btn ui-corner-all ui-icon-arrow-r ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 
$('.ui-datepicker-prev span').addClass('ui-btn ui-corner-all ui-icon-arrow-l ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 

Wie kann ich dieses Codebeispiel in mi-Code hinzufügen? Ich habe versucht, es in die "beforeShow" -Methode aufzunehmen, aber es funktioniert nicht.

Haben Sie eine Idee, die Symbole zu zeigen?

Danke !!

Answer 1

Wenn Ihre Symbole nicht korrekt angezeigt werden, werden laufen wahrscheinlich es ist, weil Sie so etwas wie die CSS-Stile fehlen.

Wie auch immer, um Ihre Frage zu beantworten, ob das, was Sie tun möchten, ist diese clases hinzufügen, nachdem der Datepicker geöffnet hat, können Sie eine kleine Verzögerung in Ihrer beforeShow Methode, wie die folgende hinzu:

setTimeout(function() { 
    $('.ui-datepicker-next span').addClass('ui-btn ui-corner-all ui-icon-arrow-r ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 
    $('.ui-datepicker-prev span').addClass('ui-btn ui-corner-all ui-icon-arrow-l ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 
}, 500); 

Das wird füge die Klassen nach 500ms hinzu, was genug für jquery ist, um den Datepicker zu generieren

Answer 2

Versuchen Sie, Ihre jquery nach Laden der Seite

// A $(document).ready() block. 
$(document).ready(function() { 
    $('.ui-datepicker-next span').addClass('ui-btn ui-corner-all ui-icon-arrow-r ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 
    $('.ui-datepicker-prev span').addClass('ui-btn ui-corner-all ui-icon-arrow-l ui-btn-icon-notext ui-alt-icon ui-nodisc-icon'); 
});