WebSite X5Help Center

 
S. K.
S. K.
User

Kontaktformular automatisch Datum und Uhrzeit einfügen  de

Auteur : S. K.
Visité 134, Followers 1, Partagé 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ß

Posté le
29 RéPONSES - 1 UTILES
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

Vielleicht kann KolAsim (Moderator) beim Wunsch mit einem Extra-Code helfen, siehe

Ähnlicher Post >>https://helpcenter.websitex5.com/fr/post/276794

.

Normalerweise zeigt das Mailprogramm das Datum und die Uhrzeit an, siehe

----- Screenshot -----

Lire plus
Posté le de Daniel W.
S. K.
S. K.
User
Auteur

Hallo Daniel,

die Funktion vom anderen Post würde mir helfen, wie bekomme ich die beiden Felder ins Kontaktformular "gebaut"?

Gruß

Lire plus
Posté le de S. K.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
S. K.
S. K.
User
Auteur

Hallo KolAsim, 

prima, damit bekomme ich Datum und Uhrzeit in das Formular. 

Kann das Feld auch als verstecktes/unsichtbares Feld benutzt werden?

Gruß

Lire plus
Posté le de S. K.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

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 -----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

Und ohne CSS-Code würde es so aussehen, siehe

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

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) -----

-----------

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

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.

Lire plus
Posté le de Daniel W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
S. K.
Hallo KolAsim,  prima, damit bekomme ich Datum und Uhrzeit in das Formular.  Kann das Feld auch als verstecktes/unsichtbares Feld benutzt werden? Gruß

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Daniel W.
...  ...  ...   Mein Ergebnis: Bei 6 Versuchen wurde nur 2x Datum und Uhrzeit angezeigt Irgendwie ist bei mir mit den Codes von KolAsim der Wurm drin. ...  ...  ...

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

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
S. K.
S. K.
User
Auteur

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ß

Lire plus
Posté le de S. K.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN
S. K.
Kann ich den Feldnamen "Datum" auch ausblenden?

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.

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

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

Lire plus
Posté le de Daniel W.
S. K.
S. K.
User
Auteur

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

Lire plus
Posté le de S. K.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

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.

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

----- Screenshot --> Ansicht der E-Mail -----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

Beschriftung "Datum" im Formular ausblenden mit CSS-Code, aber in E-Mail "Datum" anzeigen.

----- (1) -----

Hinweis: Die Zahlen _1_2 ermitteln und anpassen.

----- (2) -----

Lire plus
Posté le de Daniel W.
S. K.
S. K.
User
Auteur

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

Lire plus
Posté le de S. K.
S. K.
S. K.
User
Auteur

Jetzt haben wir zeitgleich geschrieben, den "CSS Code" muss ich noch ausprobieren...

Lire plus
Posté le de S. K.
S. K.
S. K.
User
Auteur

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 ?

Lire plus
Posté le de S. K.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

Die Angabe von de-DE bezeichnet das Land und das dortige Format von Datum und Uhrzeit.

    it-IT = Italien

 de-DE = Deutschland

Lire plus
Posté le de Daniel W.
S. K.
S. K.
User
Auteur

Soweit hatte ich die Einstellungen schon verstanden. smile

Aber müßte das Format für DE nicht "tt.mm.jjjj" also Datum: 20.06.2026 sein?

Lire plus
Posté le de S. K.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

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?

Lire plus
Posté le de Daniel W.
S. K.
S. K.
User
Auteur

Mit DE-Einstellung wird 20.6.2026 angezeigt, auch auf dem Screenshot von Dir.

Lire plus
Posté le de S. K.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
S. K.
S. K.
User
Auteur

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');...

Lire plus
Posté le de S. K.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

…wenn möglich, bereiten Sie bitte ein einfaches Beispiel vor, damit ich es sehen und überprüfen kann…

Hallo

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

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 -----

Lire plus
Posté le de Daniel W.