Saat Anda mengembangkan aplikasi web, Anda mungkin perlu menyertakan tanggal saat ini di mana operasi tertentu dilakukan
Misalnya, saat mengirimkan data melalui formulir, Anda mungkin ingin menyertakan tanggal pembuatan data atau kapan formulir dikirimkan
Pada artikel ini, kita akan mempelajari cara mudah mendapatkan tanggal saat ini (today's date) dengan JavaScript dari awal. Kita juga akan belajar bagaimana melakukan ini dengan library eksternal seperti Moment. js, perpustakaan tanggal JavaScript yang populer
Sekadar catatan – secara umum, tidak disarankan menggunakan pustaka eksternal untuk operasi seperti ini. Namun jika Anda sudah memiliki pustaka yang terinstal di proyek Anda atau Anda menggunakannya untuk operasi lain di aplikasi Anda, Anda bisa menggunakannya
Inilah Scrim Interaktif tentang Cara Mendapatkan Tanggal Saat Ini di JavaScript
Cara Mendapatkan Tanggal Saat Ini di JavaScript
Dalam JavaScript, kita dapat dengan mudah mendapatkan tanggal atau waktu saat ini dengan menggunakan objek new Date(). Secara default, ini menggunakan zona waktu browser kami dan menampilkan tanggal sebagai string teks lengkap, seperti "Fri Jun 17 2022 10. 54. 59 GMT+0100 (British Summer Time)" yang berisi tanggal, waktu, dan zona waktu saat ini
const date = new Date(); console.log(date); // Fri Jun 17 2022 11:27:28 GMT+0100 (British Summer Time)Mari kita lihat bagaimana kita hanya mengekstrak tanggal dari string panjang ini. Kami akan membuatnya lebih mudah dibaca dan dipahami oleh pengguna dengan menggunakan beberapa metode JavaScript yang beroperasi pada objek tanggal
Cara Menggunakan Metode Tanggal JavaScript
Objek tanggal mendukung banyak metode tanggal, tetapi untuk artikel ini, kita hanya memerlukan tanggal saat ini dan hanya akan menggunakan tiga metode
- getFullYear() – kami akan menggunakan metode ini untuk mendapatkan tahun sebagai angka empat digit (yyyy), misalnya 2022
- getMonth()_ – Ini mendapatkan bulan sebagai angka (0-11), misalnya 2 untuk Maret karena ini adalah indeks berbasis nol (artinya dimulai dari 0)
- const date = new Date(); let day = date.getDate(); let month = date.getMonth() + 1; let year = date.getFullYear(); // This arrangement can be altered based on how we want the date's format to appear. let currentDate = `${day}-${month}-${year}`; console.log(currentDate); // "17-6-2022"_0 – mendapatkan hari sebagai angka (1-31)
Sekarang mari kita gabungkan semua ini berdasarkan format yang kita inginkan untuk menampilkan tanggal kita
Catatan. Kami menambahkan satu ke nilai const date = new Date(); let day = date.getDate(); let month = date.getMonth() + 1; let year = date.getFullYear(); // This arrangement can be altered based on how we want the date's format to appear. let currentDate = `${day}-${month}-${year}`; console.log(currentDate); // "17-6-2022"_1 karena ini adalah pengindeksan berbasis const date = new Date(); let day = date.getDate(); let month = date.getMonth() + 1; let year = date.getFullYear(); // This arrangement can be altered based on how we want the date's format to appear. let currentDate = `${day}-${month}-${year}`; console.log(currentDate); // "17-6-2022"2. Misalkan kita tidak ingin menggunakan tanda hubung (-) di antara nilai tanggal kita, yang harus kita lakukan hanyalah mengganti tanda hubung dengan apa pun yang kita inginkan
Cara Menggunakan Metode toJSON()
Kami baru saja melihat cara mendapatkan tanggal saat ini menggunakan metode tanggal. Sekarang mari kita lihat bagaimana menggunakan metode const date = new Date(); let day = date.getDate(); let month = date.getMonth() + 1; let year = date.getFullYear(); // This arrangement can be altered based on how we want the date's format to appear. let currentDate = `${day}-${month}-${year}`; console.log(currentDate); // "17-6-2022"3, yang mengembalikan tanggal kita dalam format const date = new Date(); let day = date.getDate(); let month = date.getMonth() + 1; let year = date.getFullYear(); // This arrangement can be altered based on how we want the date's format to appear. let currentDate = `${day}-${month}-${year}`; console.log(currentDate); // "17-6-2022"4 selain format waktu, const date = new Date(); let day = date.getDate(); let month = date.getMonth() + 1; let year = date.getFullYear(); // This arrangement can be altered based on how we want the date's format to appear. let currentDate = `${day}-${month}-${year}`; console.log(currentDate); // "17-6-2022"5
let date = new Date().toJSON(); console.log(date); // 2022-06-17T11:06:50.369Z_Karena kami hanya menginginkan tanggal saat ini, kami dapat menggunakan metode const date = new Date(); let day = date.getDate(); let month = date.getMonth() + 1; let year = date.getFullYear(); // This arrangement can be altered based on how we want the date's format to appear. let currentDate = `${day}-${month}-${year}`; console.log(currentDate); // "17-6-2022"6 dengan cara ini untuk mendapatkan 10 karakter pertama
let currentDate = new Date().toJSON().slice(0, 10); console.log(currentDate); // "2022-06-17"Cara Menggunakan toLocaleDateString()
Ini adalah metode sederhana lain yang mengembalikan objek tanggal sebagai string menggunakan konvensi lokal. Misalnya, format tanggal berbeda untuk setiap bahasa, dan metode ini menerima argumen untuk memperbaikinya
Mari kita mulai dengan memberikan argumen
let date = new Date().toLocaleDateString(); console.log(date); // 6/17/2022Misalkan kita ingin waktu di Jerman
let date = new Date().toLocaleDateString("de-DE"); console.log(date); // 17.6.2022Catatan. Kami bisa mendapatkan daftar untuk semua kode lokal di sini
Cara Menggunakan Momen. js
Momen. js adalah salah satu paket tanggal paling populer yang tersedia untuk semua orang, dan kita juga dapat menggunakannya untuk mendapatkan tanggal saat ini
Selama Anda memiliki Momen. js terinstal di proyek Anda, yang perlu Anda lakukan hanyalah mendapatkan tanggal saat ini sebagai berikut
var date = moment(); var currentDate = date.format('D/MM/YYYY'); console.log(currentDate); // "17/06/2022"Kami juga dapat memanipulasinya berdasarkan bagaimana kami ingin format tanggal muncul
Kesimpulan
Dalam artikel ini, kita belajar tentang berbagai pendekatan untuk memperoleh tanggal saat ini menggunakan JavaScript sendiri atau dengan pustaka JavaScript eksternal
Anda dapat membaca lebih lanjut tentang cara memformat tanggal dengan mudah di sini
IKLAN
IKLAN
IKLAN
Pengembang Frontend & Penulis Teknis
Jika Anda membaca sejauh ini, tweet ke penulis untuk menunjukkan bahwa Anda peduli. Tweet terima kasih
Belajar kode secara gratis. Kurikulum open source freeCodeCamp telah membantu lebih dari 40.000 orang mendapatkan pekerjaan sebagai pengembang. Memulai