Hallo Anja,
bei mir funktioniert das Beispiel-Formular auch in einem Visforms-Modul korrekt.
Auf deiner Seite gibt es einen JavaScript-Fehler, der aus dieser Bibliothek (eines Plugins) kommt:
/plugins/system/gdpr/assets/js/cookieconsent.min.js
Der Fehler lautet:
Uncaught TypeError: window.cookieconsent is undefined
Danach bricht die Code-Ausführung ab und auch der individuelle Code kommt dadurch nicht zur Ausführung.
Diesen Fehler müsstest du als erstes beheben.
Auch musst du das Folgende beachten (B = Beachtung):
B1 - Nicht das selbe Formular zweimal auf der Seite einfügen
Der Code ist nicht darauf vorbereitet, dass es 2 Formulare mit gleichen Feldern gibt.
Dein Test-Formular ist leider ungeeignet, solange du dich nicht auf 1 Exemplar des gleichen Formulars beschränkst.
Aber trotzdem Danke für den Versuch der gleichzeitigen Präsentation beider Varianten!
B2 - Deine Code-Anpassung ist falsch und führt ins Leere
Dein Code mit deinen Ändrungen
Code:
// field 'time-1' with 12 hour format
const fieldID21 = 498;
jQuery(`#field${fieldID21}`).timepicker({
timeFormat: 'h:mm p',
interval: 30,
minTime: '8:00am',
maxTime: '10:00pm',
dynamic: false,
dropdown: true,
scrollbar: true
});
Die Feld-ID ist der Wert der Variablen, nicht der Name der Variablen
Die beiden Zeilen mit der Feld-ID müssen wie folgt lauten.
Code:
const fieldID = 21;
jQuery(`#field${fieldID}`).timepicker({
Oder du schreibst einfach nur 1 Zeile (ganz ohne Variable) mit dem Folgenden:
Code:
jQuery(`#field21`).timepicker({
Ändere das Test-Formular einfach auf die gleiche Art um, mit der du auch das Formular in der produktiven Seite anzeigst.
Liebe Grüße, Ingmar