FORMAT TANGGAL PADA JAVASCRIPT

Penggunaan Javascript sering diperlukan format tanggal sesuai kebutuhan, misalnya format indonesia didahului tanggal, bulan, tahun. namun kadang kala dibutuhkan format lainnya

Untuk menerapkan pola format tanggal dan waktu di JavaScript, dapat menggunakan Intl.DateTimeFormat

Contoh penggunaan Intl.DateTimeFormat

• Intl.DateTimeFormat untuk memformat tanggal sesuai dengan standar lokal Indonesia (‘id-ID’), dengan format tahun, bulan, dan hari. Hasilnya adalah string tanggal yang diformat sesuai dengan pola DD/MM/YYYY.

let
tanggalSekarang = new Date();let formatIndonesia
= new Intl.DateTimeFormat('id-ID', { year:
'numeric', month: '2-digit', day: '2-digit'})
.format(tanggalSekarang);console.log(formatIndonesia)
; // Output: DD/MM/YYYY sesuai dengan tanggal
saat ini

Sintaks dasar

Sintaks Tanggal dan waktu saat ini, cukup menggunakan new Date() tanpa parameter.

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

Sintaks Tanggal tertentu, Menggunakan string tanggal (misalnya: “YYYY-MM-DD” atau “MM/DD/YYYY”):

let tanggalTertentu = new Date("2023-12-25");console.log(tanggalTertentu);

Menggunakan parameter tahun, bulan, dan tanggal

let
tanggalTertentu= new Date(2023, 11, 25); 
// Bulan di JavaScript dimulai dari 0, jadi
11 berarti Desemberconsole.log(tanggalTertentu)
;

Menggunakan timestamp (jumlah milidetik sejak 1 Januari 1970 UTC):

let
waktuTertentu = new Date();waktuTertentu.setHours(10);
waktuTertentu.setMinutes(30);waktuTertentu.
setSeconds(15);console.log(waktuTertentu);

Metode dasar Format tanggal javascript

Metode toDateString() mengonversi bagian tanggal dari objek Date menjadi string yang mudah dibaca

let tanggalSekarang = new Date();let formatTanggal = tanggalSekarang.toDateString();console.log(formatTanggal); // Output: "Wed Dec 14 2023" (format bisa berbeda tergantung lokalisasi)

Metode toISOString() sangat berguna untuk format internasional karena mengikuti format ISO 8601.

let tanggalSekarang = new Date();let formatISO = tanggalSekarang.toISOString();console.log(formatISO); // Output: "2023-12-14T00:00:00.000Z" (tanggal dan waktu akan berbeda)

Metode toLocaleDateString() menyediakan representasi lokal dari tanggal yang berguna untuk menyesuaikan tampilan tanggal sesuai dengan konvensi lokal

let tanggalSekarang = new Date();let formatLokal = tanggalSekarang.toLocaleDateString();console.log(formatLokal); // Output: "12/14/2023" (format bisa berbeda tergantung lokalisasi sistem)

spesifikasi lokalisasi menggunakan toLocaleDateString dalam JavaScript, Dengan menggunakan kode ‘id-ID’, format tanggal akan sesuai dengan standar yang digunakan di Indonesia.

let tanggalSekarang = new Date();let formatLokalID = tanggalSekarang.toLocaleDateString('id-ID');console.log(formatLokalID); // Output bisa berbeda tergantung tanggal saat kode dijalankan

Menambah dan mengurangi hari dalam javascript

Menggunakan metode setDate() dan getDate(). Contohnya, menambah 5 hari ke tanggal saat ini:

let tanggal = new Date();tanggal.setDate(tanggal.getDate() + 5);

mendapatkan timestamp dari objek Date, gunakan metode getTime().

let sekarang = new Date();let timestamp = sekarang.getTime();

Menggunakan toLocaleDateString() untuk mendapatkan nama hari.

let hariIni = new Date();
let namaHari = hariIni.toLocaleDateString
('id-ID', { weekday: 'long' });
let format12Jam = waktuSekarang.
toLocaleTimeString('en-US', { hour12: true });