Bagaimana untuk Menambahkan Tarikh Semasa dalam Format dd/mm/yyyy ke Input Menggunakan Javascript?

Barbara Streisand
Lepaskan: 2024-10-21 19:48:29
asal
346 orang telah melayarinya

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

Cara Mendapatkan dan Memformat Tarikh Semasa dalam Javascript Menambahkannya pada Input

Untuk menambah tarikh semasa dalam format dd/mm/yyyy ke medan input HTML tersembunyi, anda boleh menggunakan Javascript. Ikut langkah ini:

  1. Buat objek Tarikh baharu: Semerta objek Tarikh (const today = new Date();) untuk mewakili tarikh semasa.
  2. Komponen Tarikh Ekstrak: Ekstrak tahun (yyyy), bulan (mm) dan hari (dd) daripada objek Tarikh.
  3. Formatkan Tarikh: Tambah mendahului sifar untuk memastikan pemformatan yang betul, terutamanya untuk bulan dan hari satu digit.
  4. Bina Tarikh Terformat: Gabungkan komponen yang diformatkan (dd '/' mm '/' tttt) untuk mendapatkan format dd/mm/yyyy yang dikehendaki.
  5. Kemas kini Input HTML: Tetapkan atribut nilai elemen input tersembunyi (document.getElementById('DATE').value = formattedToday;) kepada tarikh semasa yang diformatkan.

Contoh Kod:

<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>
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Menambahkan Tarikh Semasa dalam Format dd/mm/yyyy ke Input Menggunakan 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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!