DISKON TERBATAS! Masukkan kupon "skillbaru" saat checkout di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
Format tanggal pada JavaScript bisa menjadi sedikit rumit jika kamu baru mengenalnya. Di artikel ini, kita akan membahas beberapa cara mudah untuk mengonversi, memformat, dan menangani tanggal di JavaScript.
JavaScript memiliki built-in Date object yang bisa kamu gunakan untuk membuat, mengelola, dan memanipulasi tanggal.
Kamu bisa membuat objek tanggal baru dengan new Date()
:
let sekarang = new Date();
console.log(sekarang);
Beberapa metode penting dari Date object meliputi:
getFullYear()
: Mendapatkan tahun (4 digit)getMonth()
: Mendapatkan bulan (0-11)getDate()
: Mendapatkan hari dalam bulan (1-31)getDay()
: Mendapatkan hari dalam seminggu (0-6)getHours()
: Mendapatkan jam (0-23)getMinutes()
: Mendapatkan menit (0-59)getSeconds()
: Mendapatkan detik (0-59)Contoh penggunaan:
let tanggal = new Date();
console.log(tanggal.getFullYear()); // Output: tahun saat ini, misal 2023
console.log(tanggal.getMonth() + 1); // Output: bulan saat ini, di JavaScript bulan dimulai dari 0
console.log(tanggal.getDate()); // Output: hari saat ini
Untuk melakukan format tanggal khusus, kamu mungkin perlu melakukan beberapa manipulasi string. Misalnya, untuk memformat tanggal menjadi DD-MM-YYYY
:
let tanggal = new Date();
let hari = tanggal.getDate();
let bulan = tanggal.getMonth() + 1; // Ingat, bulan dimulai dari 0
let tahun = tanggal.getFullYear();
let formatTanggal = hari + '-' + bulan + '-' + tahun;
console.log(formatTanggal); // Output: "30-4-2023" jika hari ini adalah 30 April 2023
Untuk format tanggal yang lebih kompleks, kamu bisa menggunakan pustaka seperti Moment.js. Pustaka ini sangat membantu dan mudah digunakan.
Cara menginstal:
npm install moment
Contoh penggunaan:
const moment = require('moment');
let sekarang = moment().format('DD-MM-YYYY');
console.log(sekarang); // Output: "30-04-2023" jika hari ini adalah 30 April 2023
Moment.js juga memiliki banyak metode lain untuk manipulasi tanggal yang bisa kamu eksplorasi lebih lanjut di dokumentasi resmi Moment.js.
Dengan artikel ini, diharapkan kamu sekarang memiliki pemahaman dasar tentang cara memanipulasi dan memformat tanggal di JavaScript. Selamat coding!