Heim > Web-Frontend > js-Tutorial > Wie füge ich das aktuelle Datum im Format TT/MM/JJJJ programmgesteuert in eine Formulareingabe in JavaScript ein?

Wie füge ich das aktuelle Datum im Format TT/MM/JJJJ programmgesteuert in eine Formulareingabe in JavaScript ein?

Barbara Streisand
Freigeben: 2024-10-21 19:47:02
Original
356 Leute haben es durchsucht

How to Programmatically Insert the Current Date in DD/MM/YYYY Format into a Form Input in JavaScript?

Hinzufügen des aktuellen Datums zur Eingabe im Format TT/MM/JJJJ

Bei der Entwicklung von Webanwendungen müssen häufig Zeitstempel in Formularübermittlungen integriert werden. In diesem Fall versuchen wir, das aktuelle Datum in ein verstecktes Eingabeelement einzubetten, um es serverseitig abzurufen. Das gewünschte Format ist TT/MM/JJJJ.

JavaScript-Lösung:

Um das Datum dynamisch im gewünschten Format zu generieren und an das Eingabeelement anzuhängen, befolgen Sie diese Schritte Schritte in JavaScript:

  1. Erstellen Sie ein neues Date-Objekt, um das aktuelle Datum darzustellen: const today = new Date();.
  2. Extrahieren Sie das Jahr (yyyy) aus dem Date-Objekt mit .getFullYear().
  3. Erhalten Sie den Monat (mm), indem Sie eins zum Ergebnis von .getMonth() hinzufügen, da JavaScript-Monate nullindiziert sind.
  4. Rufen Sie den Tag des Monats (tt) ab ) mit .getDate().
  5. Stellen Sie den Tages- und Monatswerten führende Nullen voran, wenn diese kleiner als 10 sind: if (dd < 10) dd = '0' dd;.
  6. Verketten Sie die formatierten Datumskomponenten: const formattedToday = dd '/' mm '/' yyyy;.
  7. Legen Sie schließlich das Wertattribut des Eingabeelements mit dem formatierten Datum fest: document.getElementById('DATE'). value = formattedToday;.

Diese Lösung stellt Ihnen eine Zeichenfolgendarstellung des formatierten Datums im gewünschten Format bereit, die Sie zur Serververarbeitung an das ausgeblendete Eingabeelement anhängen können.

Das obige ist der detaillierte Inhalt vonWie füge ich das aktuelle Datum im Format TT/MM/JJJJ programmgesteuert in eine Formulareingabe in JavaScript ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage