Heim > Web-Frontend > js-Tutorial > Wie füge ich das aktuelle Datum im Format TT/MM/JJJJ mit Javascript an eine Eingabe an?

Wie füge ich das aktuelle Datum im Format TT/MM/JJJJ mit Javascript an eine Eingabe an?

Barbara Streisand
Freigeben: 2024-10-21 19:48:29
Original
412 Leute haben es durchsucht

How to Append the Current Date in dd/mm/yyyy Format to an Input Using Javascript?

So erhalten und formatieren Sie das aktuelle Datum in Javascript, indem Sie es an die Eingabe anhängen

So fügen Sie ein aktuelles Datum im Format TT/MM/JJJJ hinzu Ein verstecktes HTML-Eingabefeld, Sie können Javascript verwenden. Befolgen Sie diese Schritte:

  1. Erstellen Sie ein neues Datumsobjekt: Instanziieren Sie ein Datumsobjekt (const today = new Date();), um das aktuelle Datum darzustellen.
  2. Datumskomponenten extrahieren:Jahr (JJJJ), Monat (MM) und Tag (TT) aus dem Datumsobjekt extrahieren.
  3. Datum formatieren:Hinzufügen Führende Nullen, um eine ordnungsgemäße Formatierung sicherzustellen, insbesondere für einstellige Monate und Tage.
  4. Konstruieren Sie das formatierte Datum: Verketten Sie die formatierten Komponenten (TT '/' mm '/' JJJJ), um sie zu erhalten das gewünschte TT/MM/JJJJ-Format.
  5. HTML-Eingabe aktualisieren: Setzen Sie das Wertattribut des versteckten Eingabeelements (document.getElementById('DATE').value = formattedToday;) auf das formatierte aktuelle Datum.

Beispielcode:

<code class="javascript">const today = new Date();
const yyyy = today.getFullYear();
let mm = today.getMonth() + 1; // Months start at 0!
let dd = today.getDate();

if (dd < 10) dd = '0' + dd;
if (mm < 10) mm = '0' + mm;

const formattedToday = dd + '/' + mm + '/' + yyyy;

document.getElementById('DATE').value = formattedToday;</code>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie füge ich das aktuelle Datum im Format TT/MM/JJJJ mit Javascript an eine Eingabe an?. 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