JQuery UI datepicker: so binden Sie ein Ereignis NACH dem Kalender war gerendert?

Ich bin mit datepicker. Der übliche Weg zu binden, ein Ereignis, sagen wir zum Beispiel beforeShowDay wäre:

$('.selector').datepicker({
   beforeShowDay: function(date) { ... }
});

Was ich brauche, ist ein binden der beforeShowDay Ereignis nach dem Kalender erbracht wurde. Also, lasst uns erstmal sagen, ich machen den Kalender:

$('.mySpecialContainer').datepicker({
   //in this moment, for some reason, I am not allowed to bind nothing (that's not me who renders the calendar, that's why I am not allowed)
});

Dann, wenn ich versuche, mich zu binden, etwas in der üblichen Weise:

$('.mySpecialContainer').datepicker({
   beforeShowDay: function(date) { ... }
});

Den Kalender - natürlich - erneut gerendert innen '.mySpecialContainer', anstatt nur auf die Bindung der Fall. Ich habe versucht:

$('.mySpecialContainer').bind('beforeShowDay', function(date) { ... });

Aber das war nur eine verzweifelte Aktion 🙂

InformationsquelleAutor bluefoot | 2011-03-05
  1. 10

    Macht es keinen Sinn für mich, warum kann man das nicht nennen bind auf, dass insbesondere datepicker Ereignis (oder, für diese Angelegenheit, die meisten datepicker Veranstaltungen). Die meisten anderen jQueryUI-widgets ermöglichen die späte Bindung der Ereignisse.

    Jedoch, Sie können versuchen, die folgenden. hasDatepicker angewendet wird datepickers, und ruft .datepicker wieder auf diese Elemente ist nicht erneute Initialisierung des widgets, es ist nur das ändern einer option:

    $('.hasDatepicker').datepicker("option", "beforeShowDay", 
    function(date) { ... });
    • das ist genau das gleiche wie $('.mySpecialContainer').datepicker({ beforeShowDay: function(date) { ... } }); dies funktioniert nicht für mich, denn der Kalender ist bereits erbracht. gibt es eine formale Art und Weise kann ich das DatePicker-Objekt? Ich versuche $('.hasDatepicker') aber dies nur eine Auswahl, die bringt mich ein container, nichts aber, dass
    • Ich dachte, du hättest ein Selektor, der die enthaltenen Elemente mit datepicker-widgets angeschlossen? Sagen Sie, Sie brauchen, um die Elemente mit datepickers befestigt und dann befestigen Sie die Veranstaltung?
    • Ich glaube, ich sehe was du meinst. $(".hasDatepicker") zurück das element(s), die datepicker() er ursprünglich genannt wurde, aber Sie können ändern Sie die Optionen mithilfe der .datepicker("option", ...) Funktion, siehe meine aktualisierte Antwort. Ich kann ein Beispiel geben, wenn nötig.
    • genau das gleiche wieder. mein container ist ein <div id="whatever" /> wenn ich $('#whatever').datepicker() es entsteht ein inneres element mit (amont anderem) die Klasse hasDatepicker. Ich habe bereits versucht, Ihren zweiten Beispiel vor. wir werden versuchen, zu entdecken, diese auf prime Gesichter forum auch: primefaces.prime.com.tr/forum/...
    • Vielleicht ist dies rein eine primefaces-Problem? Ich habe noch nie mit ihm gearbeitet, bevor. Jedoch, Sie sollten auf jeden Fall in der Lage sein zu greifen, ein jQuery-widget-Instanz und ändern Sie es.
    • Ich spreche nicht von primefaces mehr. Ich versuche in einer reinen html-Datei. es hat nur ein div mit der id datepicker. und ein Skript $( "#datepicker" ).datepicker(); zu erstellen, das der datepicker. wenn ich die Ausführung Ihrer $('.hasDatepicker').datepicker("option", "beforeShowDay", function(date) { alert('whatever') }); es nur zerstört die gerenderten datepicker. es scheint, dass Sie abwarten müssen Ereignisse, die zu einem datepicker funktioniert nur bei der Erstellung Zeit...
    • Sie müssen zurückkehren, das erwartete array aus der event-handler. Schauen Sie sich dieses Beispiel an: jsfiddle.net/andrewwhitaker/yrv5t/2 Was ist der Unterschied zu dem, was Sie zu tun versuchen?
    • es arbeitete. Mein reines html-problem gehabt irgendwie.

    InformationsquelleAutor Andrew Whitaker
  2. 1
    $('.ui-datepicker-current-day').click();
    InformationsquelleAutor Sam Thompson
  3. 1

    Mit

    $('.hasDatepicker').datepicker("option", "beforeShowDay", 
    function(date) { ... });

    Habe ich den nächsten bug:

    TypeError: $(...).datepicker ist nicht eine Funktion

    $(".hasDatepicker").datepicker('option', 'beforeShowDay', function(event) {

    Es scheint, dass Sie nicht getestet haben dies.

    • Die Dinge ändern sich in 5 Jahren (wenn die Q war ursprünglich gepostet). Und ist das nicht eher ein Kommentar als eine Antwort?
    InformationsquelleAutor Federico Martín Lara
  4. -2

    Müssen Sie .live().
    http://api.jquery.com/live/

    $('.mySpecialContainer').live('beforeShowDay', function(date) { ... });

    Auf den zweiten Gedanken, ich denke, dass ich falsch verstanden, die Frage... müssen Sie ein datepicker ohne Funktion, und dann später auf ihm eine Funktion? Sie werden wahrscheinlich am besten aus, entfernen der datepicker und legt es wieder auf.

    • Ja. Der datepicker erstellt von JSF Primefaces und es gebunden ist, zu einer ManagedBean Feld. So dass ich don ' T wollen, um Durcheinander mit es. Ich will einfach nur binden Sie das Ereignis nachdem Sie die Komponente gerendert wird mit Primefaces. So, das entfernen der datepicker und legt es wieder auf: no way 🙂
    InformationsquelleAutor Chris Sobolewski
Schreibe einen Kommentar