Menampilkan Tanggal dengan Javascript

Menampilkan Tanggal dengan Javascript – Hi bret kali ini saya mau share artikel tentang cara menampilkan tanggal dengan Javascript, Dalam JavaScript pada dasarnya telah menyediakan Date Object. Date Object ada berbagai metode.

Date JavaScript menentukan dari zona EcmaScript epoch yang mewakili milidetik sejak 1 Januari 1970 UTC. date dan time ini sama dengan zaman UNIX (nilai dasar utama untuk nilai date dan time yang direkam komputer).

Membuat Objek Tanggal Javascript

Ada 4 cara untuk membuat date object.

1. new Date()
2. new Date(milliseconds)
3. new Date(Date string)
4. new Date(year, month, day, hours, minutes, seconds, milliseconds)

1. new Date()

Kamu dapat membuat date object menggunakan konstruktor new Date(). Sebagai contoh :

const waktuSekarang = new Date();
console.log(waktuSekarang); // menampilkan date dan time saat ini

Output :

Sat Dec 03 2022 10:31:56 GMT+0700 (Western Indonesia Time)

Disini new Date() membuat objek tanggal baru dengan tanggal saat ini dan waktu setempat.

2. new Date(milliseconds)

Objek Tanggal berisi angka yang mewakili milidetik sejak 1 Januari 1970 UTC.

new Date(miliseconds), Membuat objek tanggal baru dengan menambahkan milidetik ke waktu nol. Sebagai contoh :

const time1 = new Date(0);

// waktu zaman
console.log(time1); // Thu Jan 01 1970 05:30:00

// 100000000000 milidetik setelah waktu zaman
const time2 = new Date(100000000000)
console.log(time2); // Sat Mar 03 1973 16:46:40

Note : 1000 milidetik sama dengan 1 detik.

3. new Date(date string)

new Date(date string), Membuat objek tanggal baru dari string tanggal.

Dalam JavaScript, umumnya ada tiga format input tanggal.

ISO Date Formats

Kamu dapat membuat objek tanggal dengan meneruskan format tanggal ISO. Sebagai contoh :

// ISO Date(International Standard)
const date = new Date("2022-07-01");

// Hasil tanggal akan sesuai dengan UTC
console.log(date); // Wed Jul 01 2022 05:45:00 GMT+0545

Kamu juga dapat menampilkan hanya tahun dan bulan atau hanya tahun saja. Sebagai contoh :

const date = new Date("2022-07");
console.log(date); // Wed Jul 01 2022 05:45:00 GMT+0545

const date1 = new Date("2022");
console.log(date1); // Wed Jul 01 2022 05:45:00 GMT+0545

Kamu juga dapat menampilkan waktu tertentu ke tanggal ISO.

const date = new Date("2022-07-01T12:00:00Z");
console.log(date); // Wed Jul 01 2022 17:45:00 GMT+0545

Note : Tanggal dan waktu di pisahkan dengan huruf kapital T. Dan waktu UTC ditentukan dengan huruf kapital Z.

4. new Date(year, month, day, hours, minutes, seconds, milliseconds)

new Date(year, month, day, hours, minutes, seconds, milliseconds), Membuat objek tanggal baru dengan melewati tanggal dan waktu tertentu. Sebagai contoh :

const time1 = new Date(2022, 1, 20, 4, 12, 11, 0);
console.log(time1); // Thu Feb 20 2022 04:12:11

Argumen yang diteruskan memiliki urutan tertentu. Jika 4 angka di lewati, itu mewakili tahun, bulan, hari dan jam. Sebagai contoh :

const time1 = new Date(2022, 1, 20, 4);
console.log(time1); // Thu Feb 20 2022 04:00:00

Demikian pula, jika dua argumen di lewatkan, itu mewakili tahun dan bulan. Sebagai contoh :

const time1 = new Date(2022, 1);
console.log(time1); // Sat Feb 01 2022 00:00:00

Macam-macam Method Tanggal JavaScript

Ada berbagai method yang tersedia di objek Tanggal JavaScript.

Method	Dekripsi
now()	Mengembalikan nilai numerik yang sesuai dengan waktu saat ini (jumlah milidetik berlalu sejak 1 Januari 1970 00:00:00 UTC)
getFullYear()	Mengambil tahun sesuai dengan waktu setempat
getMonth()	Mengambil bulan, dari 0 hingga 11 menurut waktu setempat
getDate()	Mengambil hari dalam sebulan (1–31) menurut waktu setempat
getDay()	Mengambil hari dalam seminggu (0-6) menurut waktu setempat
getHours()	Mengambil jam dari 0 hingga 23 menurut waktu setempat
getMinutes	Mengambil menit dari 0 hingga 59 menurut waktu setempat
getUTCDate()	Mengambil hari dalam sebulan (1–31) menurut waktu universal
setFullYear()	Mengatur tahun penuh menurut waktu setempat
setMonth()	Mengatur bulan sesuai dengan waktu setempat
setDate()	Mengatur hari dalam sebulan menurut waktu setempat
setUTCDate()	Mengatur hari dalam sebulan menurut waktu universal

Demikian artikel kali ini yang membahas Menampilkan Tanggal dengan Javascript, semoga bermanfaat 🙂

Baca Juga :

1. Type data JavaScript
2. Membuat kode di JavaScript
3. Operator Aritmatika di Javascript
4. Function di Javascript
5. Event di Javascript
6. String Pada Javascript
7. Menampilkan Tanggal dengan Javascript
8. Switch Case pada Javascript
9. Perulangan For Pada Javascript
10. Manipulasi String Pada Javascript
11. Array Method pada JavaScript
12. Belajar Bahasa Pemrograman Javascript 

Beli Hosting Murah di Domainesia