Kontaktformular automatisch Datum und Uhrzeit einfügen 
Autor: S. K.
Visited 139,
Followers 1,
Udostępniony 0
Hallo zusammen,
ich möchte über ein Kontaktformular Kundendaten abfragen (soweit kein Problem), zusätzlich möchte ich aber noch das aktuelle Datum mit Uhrzeit vom Absenden der Formulardaten im Mailtext stehen haben.
Datum und Uhrzeit sollen dabei ohne Eingabe sondern automatisch und nicht sicht-/änderbar verarbeitet werden.
Gibt es dafür eine Möglichkeit?
Gruß
Posted on the
Vielleicht kann KolAsim (Moderator) beim Wunsch mit einem Extra-Code helfen, siehe
Ähnlicher Post >>https://helpcenter.websitex5.com/pl/post/276794
.
Normalerweise zeigt das Mailprogramm das Datum und die Uhrzeit an, siehe
----- Screenshot -----
Autor
Hallo Daniel,
die Funktion vom anderen Post würde mir helfen, wie bekomme ich die beiden Felder ins Kontaktformular "gebaut"?
Gruß
(It > De) ... Online-Beispiel:
> https://kolasim.websitex5.me/data-orario-form/data-ora.html
... ein generisches Textfeld [abc] hinzufügen;
... dessen ID ermitteln;
<!-- applica controllo data-ora by KolAsim inizio >> -->
<script>
objectK = "#imObjectForm_7_5";
$(function () { /*K>*/
const oggiK = new Date().toLocaleDateString('it-IT');
const oraK = new Date().toLocaleTimeString('it-IT');
$(objectK).val(oggiK + " - " + oraK );
// $(objectK).hide(); // se vuoi nascondere togli le due barrette iniziali (//)
});
</script>
<!-- applicacontrollo data-ora by KolAsim fine << -->
.
ciao
.
.
Autor
Hallo KolAsim,
prima, damit bekomme ich Datum und Uhrzeit in das Formular.
Kann das Feld auch als verstecktes/unsichtbares Feld benutzt werden?
Gruß
Ich habe den Code von KolAsim mal getestet und hier meine Anleitung, siehe auch Screenshots
1) Kontakformular erstellen wie bei bei Screenshot(1) gezeigt
2) Dann die beiden Zahlen ermitteln wie bei von KolAsim gezeigt - Beispiel KolAsim:
objectK = "#imObjectForm_7_5";
In meine Fall sehen die beiden ermittelten Zahlen so aus:
objectK = "#imObjectForm_1_2";
Und bei anderen Nutzer können die Zahlen wieder anders aussehen.
3) Die bei 2) ermittelten beiden Zahlen im Javascipt-Code von KolAsim ersetzen.
4) Den geänderten Javascript-Code von KolAsim im Objekt "HTML-Code" einfügen.
5) Dann im Raster das Objekt "Kontaktformular" makieren und oben auf "Code" klicken.
Hier dann den CSS-Code in die 2. leeren Zeile einfügen, siehe Screenshot(3)
----- CSS-Code -----
#imObjectForm_1_2_field { display: none; }
-----------------------
Und hier im CSS-Code die Zahlen _1_2 an die Zahlen anpassen wie im Javascript-Code.
----- Screenshot (1) -----
----- Screenshot (2) -----
----- Screenshot (3) -----
----- Webseite (Smartphone-Simulation wegen Größe) -----
----- Im Mailprogramm -----
Und ohne CSS-Code würde es so aussehen, siehe
-----
Meine Tests - leider nicht zufriedenstellend.
In der 1. Testrunde bei 3 Versuchen nur 1x Datum und Uhrzeit angezeigt, sonst nicht.
In der 2. Testrunde bei 3 Versuchen nur 1x Datum und Uhrzeit angezeigt, sonst nicht.
Mein Ergebnis: Bei 6 Versuchen wurde nur 2x Datum und Uhrzeit angezeigt
Irgendwie ist bei mir mit den Codes von KolAsim der Wurm drin.
Die Testseite stelle ich deshalb erst einmal auf "Verborgen".
. . .
Datum und Uhrzeit auf das deutsche Format umgestellt, siehe KolAsims Code
----- Code-Ausschnitt -----
const oggiK = new Date().toLocaleDateString('de-DE');
const oraK = new Date().toLocaleTimeString('de-DE');
----- Screenshot von E-Mail (Ausschnitt) -----
-----------
Auch die 3. Testrunde mit dem gleichen Ergebnis - 1x Datum und Uhrzeit - 2x nicht.
1. Datum und Uhrzeit
2. nicht
3. nicht
4. Datum und Uhrzeit
5. nicht
6. nicht
7. Datum und Uhrzeit
8. nicht
9. nicht
Also das Datum und die Uhrzeit wurden bei 3 E-Mails angezeigt, demnach funktioniert der Code.
Aber warum es bei den anderen 6 E-Mails nicht geklappt hat, das ist die große Frage.
Ciao, ... Ich habe das bereits in meinen Code integriert. Entferne die beiden Schrägstriche am Anfang // hier:
// $(objectK).hide(); // se vuoi nascondere togli le due barrette iniziali (//)
so:
$(objectK).hide();
.
Hallo. Ciao
.
Hallo, leider kann ich das Problem nicht lösen. In meinem Online-Beispiel funktioniert es immer. Es sei denn, Ihre Seite benötigt aufgrund von Latenz eine Verzögerung. Hallo
Autor
Hallo zusammen,
@KolAsim
Das Feld ist jetzt unsichtbar - prima.
Kann ich den Feldnamen "Datum" auch ausblenden?
@Daniel
Bei mir funktioniert das Script, ich habe es aber nicht als Objekt "HTML-Code", sondern unter Eigenschaften der Seite eingebunden:
Gruß
Den Feldnamen "Datum" kann man auch weglassen, also die betreffende Beschriftung leer lassen.
Ich werden meine Testseite ändern, also die // entfernen und den Javascript Code verschieben.
Falls sich die Situation verbessert, dann melde ich es hier.
Ich glaube, dass ich den Fehler gefunden habe.
A) Wenn ich vor dem Ausfüllen des Formulars im Browser einen Refresh der Seite mache, dann sind in der E-Mail auch das Datum und die Uhrzeit zu sehen.
B) Wenn ich das Formular noch einmal ausfülle, ohne dass ich vorher einen Refresh im Browser mache, dann ist die E-Mail ohne Datum und ohne Uhrzeit.
Mein neues Testergebnis:
A) Mit Refresh der Seite 3x Datum und Uhrzeit
B) Ohne Refresh der Seite 3x kein Datum und keine Uhrzeit
Autor
Ich möchte den Feldnamen "Datum" und den "Zeitstempel" von KolAsin im Formular nicht anzeigen und könnte die Beschriftung leer lassen.
In der erzeugten E-Mail sollen die beiden Informationen aber sichtbar sein:
Datum 20.6.2026 - 13:33:52
Hier meine Testseite dazu, siehe
>> https://findelinks.de/123test-aufklappmenue-2/datum-und-uhrzeit-versteckt.html
Und hier die beiden Screenshots, die zeigen wie einfach die Umsetzung ist, siehe
----- Screenshot (1) --> Feldname für Datum und Uhrzeit unsichtbar machen -----
----- Screenshot (2) --> Code von KolAsim einfügen, nach Hinweis von S. K. -----
-----
Hinweis: Die Zahlen _1_2 müssen selber ermittelt werden, siehe 2. Post von KolAsim.
----- Screenshot --> Ansicht der E-Mail -----
Beschriftung "Datum" im Formular ausblenden mit CSS-Code, aber in E-Mail "Datum" anzeigen.
----- (1) -----
Hinweis: Die Zahlen _1_2 ermitteln und anpassen.
----- (2) -----
Autor
Danke für die Erklärung, so habe ich es schon hinbekommen.
In der Mail soll aber dieser Text stehen:
Datum: 20.6.2026 - 13:33:52
Autor
Jetzt haben wir zeitgleich geschrieben, den "CSS Code" muss ich noch ausprobieren...
Autor
Mit dem CSS-Code klappt es, prima - danke.
Noch eine Frage zum Datumsformat:
Mit LocaleDateString('it-IT') erhalte ich dieses Ergebnis:
Datum: 20/06/2026 - 13:33:52
Mit LocaleDateString('de-DE') erhalte ich dieses Ergebnis:
Datum: 20.6.2026 - 13:33:52
Warum steht für DE nicht Datum: 20.06.2026 - 13:33:52 ?
Die Angabe von de-DE bezeichnet das Land und das dortige Format von Datum und Uhrzeit.
it-IT = Italien
de-DE = Deutschland
Autor
Soweit hatte ich die Einstellungen schon verstanden.
Aber müßte das Format für DE nicht "tt.mm.jjjj" also Datum: 20.06.2026 sein?
Ich verstehe die Frage nicht - bei de-DE wird doch 20.06.2026 angezeigt oder etwa nicht?
20.06.2026 ist doch tt.mm.jjjj (Tag und Monat zweistellig sowie Jahr vierstellung)
Oder habe ich schon Alzheimer?
Autor
Mit DE-Einstellung wird 20.6.2026 angezeigt, auch auf dem Screenshot von Dir.
... in meinem vorherigen Beitrag STAMP gab es auch dieses Beispiel mit einem leeren Etikett:
...um mehr zu erfahren, sollte ich mir Ihren Link ansehen...
Hallo
.
Autor
Generell funktioniert alles, als sichtbar und unsichtbar.
Das Problem ist nur noch das Format beim deutschen Datum, es ist bei Daniel und bei mir "tt.m.jjjj":
Script-Einstellungen Datum Deutschland:
...Date().toLocaleDateString('de-DE');...
Script-Einstellungen Datum Italien:
...Date().toLocaleDateString('it-IT');...
…wenn möglich, bereiten Sie bitte ein einfaches Beispiel vor, damit ich es sehen und überprüfen kann…
Hallo
.
Google-KI hat Javascript-Code ausgegeben, um führende Nullen anzuzeigen, siehe Screenshot
Vielleicht kann KolAsim diese Funktion noch in seinen Code einbauen.
Ich selber habe so gut wie keine Javascript-Kenntnisse.
.
----- Screenshot -----