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

A. Metode/Property Tanggal pada JavaScript

Property	Keterangan
· getFullYear():	Mengembalikan tahun (4 digit) dari tanggal yang diberikan. Contoh: new Date().getFullYear()
· getMonth():	Mengembalikan bulan (0-11) dari tanggal yang diberikan. Contoh: new Date().getMonth()
· getDate():	Mengembalikan tanggal (1-31) dari tanggal yang diberikan. Contoh: new Date().getDate()
· getDay():	Mengembalikan hari (0-6) dari tanggal yang diberikan. Contoh: new Date().getDay()
· getHours():	Mengembalikan jam (0-23) dari tanggal yang diberikan. Contoh: new Date().getHours()
· getMinutes():	Mengembalikan menit (0-59) dari tanggal yang diberikan. Contoh: new Date().getMinutes()
· getSeconds():	Mengembalikan detik (0-59) dari tanggal yang diberikan. Contoh: new Date().getSeconds()
· getMilliseconds():	Mengembalikan milidetik (0-999) dari tanggal yang diberikan. Contoh: new Date().getMilliseconds()
· getTime():	Mengembalikan jumlah milidetik sejak 1 Januari 1970. Contoh: new Date().getTime()
Mengubah Nilai Tanggal dan Waktu · setFullYear():	Mengubah tahun (4 digit) dari tanggal yang diberikan. Contoh: new Date().setFullYear(2024)
· setMonth():
· setDate():	Mengubah tanggal (1-31) dari tanggal yang diberikan. Contoh: new Date().setDate(1)
· setHours():	Mengubah jam (0-23) dari tanggal yang diberikan. Contoh: new Date().setHours(0)
· setMinutes():	Mengubah menit (0-59) dari tanggal yang diberikan. Contoh: new Date().setMinutes(0)
· setSeconds():	Mengubah detik (0-59) dari tanggal yang diberikan. Contoh: new Date().setSeconds(0)
· setMilliseconds():	Mengubah milidetik (0-999) dari tanggal yang diberikan. Contoh: new Date().setMilliseconds(0)
· setTime():	Mengubah jumlah milidetik sejak 1 Januari 1970. Contoh: new Date().setTime(0) Memformat Tanggal dan Waktu
· toDateString():	Mengembalikan tanggal dalam format “Mon Sep 30 2023”. Contoh: new Date().toDateString()
· toTimeString():	Mengembalikan waktu dalam format “10:30:00 GMT+0700 (Western Indonesia Time)”. Contoh: new Date().toTimeString()
· toLocaleDateString():	Mengembalikan tanggal dalam format lokal. Contoh: new Date().toLocaleDateString()
· toLocaleTimeString():	Mengembalikan waktu dalam format lokal. Contoh: new Date().toLocaleTimeString()
· toISOString():	Mengembalikan tanggal dalam format ISO (contoh: “2023-09-30T03:30:00.000Z”). Contoh: new Date().toISOString()
· toString():	Mengembalikan tanggal dalam format “Sat Sep 30 2023 10:30:00 GMT+0700 (Western Indonesia Time)”. Contoh: new Date().toString()

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.

B. 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);

C. 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

D. 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 });