Ich habe eine Seite, die neue HTML-Tabellenzeilen dynamisch einfügen wird.Wie initiiere ich ein Dattimepicker-Plugin für ein dynamisch erstelltes DOM-Element?
Jede Zeile in der Tabelle enthält 2 Eingänge (links und rechts). Jeweils zwei Eingänge müssen miteinander verbunden werden, um mit Bootstrap-datetimepicker einen Bereichsselektor zu bilden.
Ich habe eine Funktion erstellt, die das datetimepicker Plugin an jede Eingabe haken sollte, aber aus irgendeinem Grund funktioniert das nicht.
Diese Funktion wird jedes Mal ausgelöst, wenn dem DOM dynamisch eine neue Zeile hinzugefügt wird.
function initilizeRangePicker(index) {
var from = $('#NewMultipleEvent_' + index + '__StartsAt');
var to = $('#NewMultipleEvent_' + index + '__EndsAt');
from.datetimepicker({
format: DateTimeFormat,
useCurrent: false
});
to.datetimepicker({
format: DateTimeFormat,
useCurrent: false
});
from.on("dp.change", function (e) {
to.data("DateTimePicker").minDate(e.date);
});
to.on("dp.change", function (e) {
from.data("DateTimePicker").maxDate(e.date);
});
}
Ich habe auch versucht, diese Funktion auf die folgende
function initilizeRangePicker(index) {
var from = $('#NewMultipleEvent_' + index + '__StartsAt');
var to = $('#NewMultipleEvent_' + index + '__EndsAt');
$(document).on('datetimepicker', from, function (e) {
$(this).datetimepicker({
format: DateTimeFormat,
useCurrent: false
});
});
$(document).on('datetimepicker', to, function (e) {
$(this).datetimepicker({
format: DateTimeFormat,
useCurrent: false
});
});
from.on("dp.change", function (e) {
to.data("DateTimePicker").minDate(e.date);
});
to.on("dp.change", function (e) {
from.data("DateTimePicker").maxDate(e.date);
});
}
aber es funktioniert nicht. Die Elemente from
und to
sind vorhanden und werden korrekt hinzugefügt. Ich habe das auch validiert, indem ich Folgendes protokolliere: console.log(from.length, to.length);
Wie kann ich die Bereichsauswahl korrekt erstellen?
Was ** der Wert ist darauf hingewiesen, Datetimeformat **? – gaetanoM
Das Format ist MM/TT/JJJJ LT –
Werfen Sie einen Blick auf diese [Geige] (https://jsfiddle.net/v17y9vj1/) und lassen Sie es mich wissen. – gaetanoM