Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Memasukkan Tarikh Semasa Secara Pemrograman dalam Format DD/MM/YYYY ke dalam Input Borang dalam JavaScript?

Bagaimana untuk Memasukkan Tarikh Semasa Secara Pemrograman dalam Format DD/MM/YYYY ke dalam Input Borang dalam JavaScript?

Barbara Streisand
Lepaskan: 2024-10-21 19:47:02
asal
369 orang telah melayarinya

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

Menambahkan Tarikh Semasa ke Input dalam Format DD/MM/YYYY

Membangunkan aplikasi web selalunya melibatkan memasukkan cap masa ke dalam penyerahan borang. Dalam kes ini, kami berusaha untuk membenamkan tarikh semasa ke dalam elemen input tersembunyi untuk mendapatkan semula bahagian pelayan. Format yang dikehendaki ialah dd/mm/yyyy.

Penyelesaian JavaScript:

Untuk menjana tarikh secara dinamik dalam format yang diingini dan menambahnya pada elemen input, ikuti ini langkah dalam JavaScript:

  1. Buat objek Date baharu untuk mewakili tarikh semasa: const today = new Date();.
  2. Ekstrak tahun (yyyy) daripada objek Date menggunakan .getFullYear().
  3. Dapatkan bulan (mm) dengan menambahkan satu pada hasil daripada .getMonth() kerana bulan JavaScript diindeks sifar.
  4. Dapatkan semula hari dalam bulan tersebut (dd ) menggunakan .getDate().
  5. Tandakan sifar pendahuluan kepada nilai hari dan bulan jika nilai tersebut kurang daripada 10: jika (dd < 10) dd = '0' dd;.
  6. Gabungkan komponen tarikh yang diformat: const formattedToday = dd '/' mm '/' yyyy;.
  7. Akhir sekali, tetapkan atribut nilai elemen input dengan tarikh yang diformatkan: document.getElementById('DATE'). value = formattedToday;.

Penyelesaian ini memberikan anda perwakilan rentetan tarikh yang diformat dalam format yang diingini, yang boleh anda tambahkan pada elemen input tersembunyi untuk pemprosesan pelayan.

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan Tarikh Semasa Secara Pemrograman dalam Format DD/MM/YYYY ke dalam Input Borang dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan