Cara Mendapatkan Tanggal &Waktu Saat Ini di JavaScript

Pendahuluan

JavaScript adalah bahasa pemrograman ringan yang digunakan untuk World Wide Web. JavaScript Date objek berguna untuk memeriksa tanggal dan waktu pengunjung tiba di situs web Anda.

Panduan ini akan memandu Anda menggunakan JavaScript untuk mendapatkan tanggal dan waktu saat ini dari klien.

Prasyarat

• Keakraban dengan JavaScript (termasuk membuat, menyimpan, dan menjalankan skrip)

Buat Objek Tanggal di JavaScript

JavaScript Date objek membantu saat bekerja dengan tanggal. Untuk membuat objek baru dengan tanggal dan waktu saat ini, tambahkan Date variabel ke skrip Anda:

<script>

var today = new Date();

</script>

Gunakan Metode Get untuk Menampilkan Tanggal saat ini di JavaScript

Jika Anda ingin mendapatkan tanggal di YYYY-MM-DD format, edit date_test.html dokumen, dan tambahkan variabel berikut:

<script>

var today = new Date();

var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();

</script>

Baris kedua terdiri dari instruksi berikut:

hari ini.getFullYear() – Menggunakan variabel hari ini untuk menampilkan tahun 4 digit.
hari ini.getMonth()+1 – Menampilkan bulan numerik – +1 mengubah bulan dari digital (0-11) menjadi normal.
hari ini.getDate() – Menampilkan hari numerik dalam sebulan.

Jika Anda lebih suka format yang berbeda, cukup ubah urutan perintahnya.

Catatan :Ada tanda hubung di antara setiap perintah. Ini membuat tanda hubung di antara setiap segmen tanggal.

Menampilkan Jam, Menit, dan Detik menggunakan JavaScript

Untuk menunjukkan waktu dalam HH:MM:SS format, edit skrip Anda menjadi seperti berikut:

<script>

var today = new Date();

var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();

</script>

hari ini.getHours() – Ini menggunakan variabel hari ini untuk menampilkan jam saat ini. Ini menggunakan jam 24 jam.
hari ini.getMinutes() – Menampilkan pembacaan menit saat ini.
hari ini.getSeconds() – Menampilkan pembacaan detik saat ini.

Catatan :Ada titik dua di antara setiap perintah. Ini menempatkan titik dua di antara setiap tampilan numerik sehingga terbaca seperti jam.

Tampilkan Tanggal dan Waktu Lengkap Saat Ini di JavaScript

Gabungkan dua perintah untuk menampilkan tanggal dan waktu penuh di YYYY-MM-DD dan HH:MM:SS format. Edit skrip Anda sebagai berikut:

<script>

var today = new Date();

var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();

var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();

var dateTime = date+' '+time;

</script>

Baris terakhir menggabungkan dua potongan kode lainnya. Ini menginstruksikan sistem untuk menampilkan tanggal lengkap di sebelah waktu penuh.

Uji Kode: Jika Anda ingin menguji atau mengedit kode yang disebutkan dalam artikel ini, lihat Pelajari Cara Mendapatkan Tanggal &Waktu Saat Ini dalam entri JavaScript di CodePen.