Cara menggunakan date now javascript format

JavaScript Menyediakan Object Date untuk Memformat Waktu, Kita Bisa Menampilkan Dalam Format Indonesia

Table of Contents Show

JavaScript Menyediakan Object Date untuk Memformat Waktu, Kita Bisa Menampilkan Dalam Format Indonesia
Tanggal ISO JavaScript
Tanggal ISO (Tahun dan Bulan)
Tanggal ISO (Hanya Tahun)
Tanggal ISO (Tanggal-Waktu)
Short Date JavaScript.
PERINGATAN!
Long Date JavaScript
Tanggal Input – Tanggal Parsing

Image from google.

JavaScript memiliki Object Date yang dapat digunakan untuk memformat waktu.

Object Date memiliki berbagai method yang dapat digunakan untuk menampilkan tahun, bulan, hari, bahkan waktu.

Kita akan menampilkan waktu dalam format Indonesia karena format bawaan dari JavaScript menggunakan format yang berbeda sehingga kita harus menyesuaikan terlebih dahulu.

var date = new Date();var tahun = date.getFullYear();
var bulan = date.getMonth();
var tanggal = date.getDate();
var hari = date.getDay();var jam = date.getHours();
var menit = date.getMinutes();
var detik = date.getSeconds();switch(hari) {
 case 0: hari = "Minggu"; break;
 case 1: hari = "Senin"; break;
 case 2: hari = "Selasa"; break;
 case 3: hari = "Rabu"; break;
 case 4: hari = "Kamis"; break;
 case 5: hari = "Jum'at"; break;
 case 6: hari = "Sabtu"; break;
}switch(bulan) {
 case 0: bulan = "Januari"; break;
 case 1: bulan = "Februari"; break;
 case 2: bulan = "Maret"; break;
 case 3: bulan = "April"; break;
 case 4: bulan = "Mei"; break;
 case 5: bulan = "Juni"; break;
 case 6: bulan = "Juli"; break;
 case 7: bulan = "Agustus"; break;
 case 8: bulan = "September"; break;
 case 9: bulan = "Oktober"; break;
 case 10: bulan = "November"; break;
 case 11: bulan = "Desember"; break;
}var tampilTanggal = "Tanggal: " + hari + ", " + tanggal + " " + bulan + " " + tahun;
var tampilWaktu = "Jam: " + jam + ":" + menit + ":" + detik;console.log(tampilTanggal);
console.log(tampilWaktu);

Kita sudah memformat waktu dalam format Indonesia, sehingga kita bisa menampilkan hari, bulan dalam format atau bahasa Indonesia.

Terlepas dari format input tanggal, Output tanggal pada JavaScript akan ditampilkan dalam format string teks lengkap. Contoh:

Wed Mar 25 2015 07:00:00 GMT+0700 (Western Indonesia Time)

Tanggal ISO JavaScript

ISO 8601 adalah standar internasional untuk representasi tanggal dan waktu.

Sintaks ISO 8601 (YYYY-MM-DD) juga merupakan format tanggal JavaScript yang paling banyak digunakan.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>Tanggal ISO JavaScript</h2>

<p id="demo"></p>

<script>
var d = new Date("2015-03-25");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Tanggal yang ditampilkan akan relatif terhadap zona waktu Anda.

Tanggal ISO (Tahun dan Bulan)

Tanggal ISO dapat ditulis tanpa menyertakan hari atau hanya tahun dan bulan (YYYY-MM).

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>Tanggal ISO JavaScript</h2>

<p id="demo"></p>

<script>
var d = new Date("2015-03"); 
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Hasil zona waktu di atas akan bervariasi antara 28 Februari dan 1 Maret.

Tanggal ISO (Hanya Tahun)

Tanggal ISO dapat ditulis tanpa menyertakan bulan dan hari, hanya terdapat tahun (YYYY).

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>Tanggal ISO JavaScript</h2>

<p id="demo"></p>

<script>
var d = new Date("2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Hasil zona waktu di atas akan berbeda antara 31 Desember 2014 dan 1 Januari 2015.

Tanggal ISO (Tanggal-Waktu)

Tanggal ISO dapat ditulis dengan tambahan jam, menit, dan detik (YYYY-MM-DDTHH: MM: SSZ).

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>

<p> Pisahkan tanggal dan waktu dengan huruf besar T. </p>

<p> Tunjukkan waktu UTC dengan huruf kapital Z. </p>

<p id="demo"></p>

<script>
var d = new Date("2015-03-25T12:00:00Z");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Tanggal dan waktu dipisahkan dengan huruf kapital T.

Waktu UTC ditentukan dengan huruf kapital Z.

Jika Anda ingin mengubah waktu relatif terhadap UTC, hapus Z dan tambahkan + HH: MM atau -HH: MM sebagai gantinya.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript ISO Dates</h2>

<p> Ubah waktu relatif terhadap UTC dengan menambahkan + HH: MM atau pengurangan -HH: MM ke waktu. </p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
new Date("2015-03-25T12:00:00-06:00");
</script>

</body>
</html>

UTC (Universal Time Coordinated) sama dengan GMT (Greenwich Mean Time).

Menghilangkan T atau Z dalam string tanggal-waktu dapat memberikan hasil yang berbeda di browser yang berbeda.

Zona waktu

Saat mengatur tanggal, tanpa menentukan zona waktu, JavaScript akan menggunakan zona waktu browser.

Saat mengatur tanggal, tanpa menentukan zona waktu, hasilnya akan diubah ke zona waktu browser.

Dengan kata lain: Jika tanggal / waktu dibuat dalam GMT (Greenwich Mean Time), tanggal / waktu akan diubah ke CDT (Central US Daylight Time) jika pengguna menjelajah dari AS tengah.

Short Date JavaScript.

Tanggal pendek (short date) pada JavaScript ditulis dengan sintaks “MM / DD / YYYY” seperti ini.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p id="demo"></p>

<script>
var d = new Date("03/25/2015");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

PERINGATAN!

Di beberapa browser, bulan atau hari tanpa nol di depan dapat menghasilkan error.

var d = new Date("2015-3-25");

Aturan “YYYY / MM / DD” jika tidak ditentukan (undefined).
Beberapa browser akan mencoba menebak formatnya. Beberapa akan mengembalikan nilai NaN.

var d = new Date("2015/03/25");

Aturan “DD-MM-YYYY” juga tidak ditentukan (undefined).
Beberapa browser akan mencoba menebak formatnya. Beberapa akan mengembalikan nilai NaN.

var d = new Date("25-03-2015");

Long Date JavaScript

Tanggal panjang (long date) paling sering ditulis dengan sintaks “MMM DD YYYY” seperti ini.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>Tanggal ISO JavaScript</h2>

<p id="demo"></p>

<script>
var d = new Date("2015-03-25");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Sedangkan penempatan bulan dan hari bisa dalam urutan apapun.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>Tanggal ISO JavaScript</h2>

<p id="demo"></p>

<script>
var d = new Date("2015-03-25");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Dan, bulan bisa ditulis lengkap (Januari), atau disingkat (Jan).

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>Tanggal ISO JavaScript</h2>

<p id="demo"></p>

<script>
var d = new Date("2015-03-25");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<h2>Tanggal ISO JavaScript</h2>

<p id="demo"></p>

<script>
var d = new Date("2015-03-25");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Koma diabaikan dan penamaan tidak membedakan huruf besar / kecil.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>Tanggal ISO JavaScript</h2>

<p id="demo"></p>

<script>
var d = new Date("2015-03-25");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>