Datumsauswahl JS: wie haben Sie die Arbeit auf mehrere Formular-Felder

Ich benutze dieses plugin mit WP:
http://wordpress.org/plugins/cf7-datepicker-alternative/

Den .js-Datei enthält diesen code:

jQuery(document).ready(function($) {
  $('#fieldName1').datepicker({
     autoclose: true
  });
});

Weiß jemand, wie der Arzt diese bit-code, so dass der Datum-picker-Funktion wird in mehrere Felder in der gleichen form, wie fieldName2 und fieldName3 sowie fieldName1?

Ich danke Ihnen im Voraus für Ihre Bemühungen.

InformationsquelleAutor Ericjt | 2013-08-20
  1. 5

    Anstatt id Attribut, vergeben Sie einen aussagekräftigen class z.B. datepicker auf die Elemente, die Sie wollen datepicker auf. Dann aktualisieren Sie Ihr javascript zu verwenden, die class-Selektor.

    Beispiel:

    <!-- HTML -->
<input type="text" id="fieldName1" class="datepicker" />
<input type="text" id="fieldName2" class="datepicker" />

//jQuery
jQuery(document).ready(function($) {
  $('.datepicker').datepicker({
     autoclose: true
  });
});

    Update:

    Wenn Sie nicht möchten, verwenden Sie Klassen-Selektoren, und verwenden wollen Sie mehrere ids, dann könnte man etwas wie das folgende:

    <!-- HTML -->
<input type="text" id="fieldName1" />
<input type="text" id="fieldName2" />

//jQuery
jQuery(document).ready(function($) {
  $("#fieldName1, #fieldName2").each(function() {
     $(this).datepicker({
       autoclose: true
     });
  });
});
    • Das würde funktionieren, aber ich kann nicht ordnen Sie eine Klasse, die wird Ziel nur die Felder Datum. Das plugin erzeugt das Formular setzt alle, die sich selbst, und die Felder Datum, keine eindeutige Klasse. Gibt es eine Möglichkeit, mehrere Feldnamen wie $('#fieldName1','#fieldName2').datepicker({ und so weiter?
    • ja, das ist möglich, aber die syntax ist ein wenig anders als das, was Sie in Kommentar. Bitte finden Sie in den aktualisierten Antworten.
    • Gut, es hat nicht funktioniert. Ich habe auch versucht, einzelne Zitate rund um die Feldnamen, sowie jeder name hat seinen eigenen Satz von einzelnen und dann von doppelten Anführungszeichen. Nur das erste Feld name zeigt den datepicker (funktioniert in allen Variationen). Ein Freund von mir sagte, dass es möglicherweise eine Schleife zu arbeiten, aber er ist nicht verfügbar. Sollen wir es geben ein anderes gehen?
    • Ich habe gerade gesehen, dass in ids hatte ich führenden # habe ich Sie abgenommen. Haben Sie versucht, diese Antwort mit oder ohne #? Die Schleife, die Ihren Freund spricht, ist die each in dieser Antwort. Können Sie geben diesem einen Versuch?
    • Ich wieder Ihren geloopten version genau und entfernt die # aus den beiden Feldnamen und funktioniert überhaupt nicht. Sorry.
    • können Sie erstellen ein jsFiddle es? http://www.jsFiddle.net.
    • Korrektur, es war in Konflikt mit dem Wetter-widget (die ich nicht habe, wenn ich versuchte es vor. Nur fügte hinzu, dass vor einer Stunde). Entfernt, und es funktioniert für beide jetzt. Idk, was falsch war. Werke mit einzelnen Zitaten und # markiert, so wie hier: $('#wpbdp-Feld-10, #wpbdp-Feld-22').each(function() { vielen DANK!
    • toll. Froh, dass Sie sortiert wurden.

    InformationsquelleAutor vee
  2. 0

    Statt mit einer ID identifizieren Sie Ihre Eingabe, verwenden Sie eine Klasse zu identifizieren mehrere Eingänge

    <input id="fieldName1" class="datefield" />

$('.datefield').datepicker({
   autoclose: true
});
    • Ich kann nicht verwenden Sie eine Klasse, da Sie nicht die einzigen sind, die von Feld zu Feld in dieser form. Über den Datum-picker auftauchen würde, wo ich es nicht wollen.
    InformationsquelleAutor mechenbier
Schreibe einen Kommentar