FORMAT DATE PADA JAVASCRIPT

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.

Menggunakan Objek Date

JavaScript memiliki built-in Date object yang bisa kamu gunakan untuk membuat, mengelola, dan memanipulasi tanggal.

Membuat Objek Tanggal

Kamu bisa membuat objek tanggal baru dengan new Date():

let sekarang = new Date();
console.log(sekarang);

Metode Penting

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

Memformat Tanggal

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

Menggunakan pustaka pihak ketiga

Moment.js

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!