Cara menggunakan Y+Y+Y+Y pada JavaScript

Section Artikel

Table of Contents Show

Input Tanggal JavaScript
Output Tanggal JavaScript
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

1 Input Tanggal JavaScript
2 Output Tanggal JavaScript
3 Tanggal ISO JavaScript
4 Tanggal ISO (Tahun dan Bulan)
5 Tanggal ISO (Hanya Tahun)
6 Tanggal ISO (Tanggal-Waktu)
7 Zona waktu
8 Short Date JavaScript.
9 PERINGATAN!
10 Long Date JavaScript
11 Tanggal Input – Tanggal Parsing

Input Tanggal JavaScript

Ada 3 jenis format input tanggal yang biasa digunakan pada JavaScript, yaitu:

Tipe	Contoh
ISO Date	“2015-03-25” (Standard Internasional)
Short Date	“03/25/2015”
Long Date	“Mar 25 2015” atau “25 Mar 2015”

Format ISO mengikuti aturan standar ketat dalam JavaScript.

Format lain tidak didefinisikan dengan jelas dan mungkin khusus untuk browser.

Output Tanggal JavaScript

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>JavaScript new Date()</h2>

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

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

</body>
</html>

Sedangkan penempatan bulan dan hari bisa dalam urutan apapun.

Contoh:

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

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

Contoh:

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

Koma diabaikan dan penamaan tidak membedakan huruf besar / kecil.

Contoh:

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

Tanggal Input – Tanggal Parsing

Jika kita menginginkan string tanggal yang valid, maka dapat menggunakan metode Date.parse() untuk mengubahnya menjadi milidetik.

Date.parse() digunakan untuk mengembalikan jumlah milidetik antara tanggal dan 1 Januari 1970.

Contoh:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Date.parse()</h2>

<p>Date.parse() digunakan untuk mengembalikan jumlah milidetik antara tanggal dan 1 Januari 1970.</p>

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

<script>
var msec = Date.parse("March 21, 2012");
document.getElementById("demo").innerHTML = msec;
</script>

</body>
</html>

Kemudian kita juga dapat menggunakan jumlah milidetik untuk mengubahnya menjadi objek tanggal.

Contoh:

<!DOCTYPE html>
<html>
<body>

<p> Date.parse (string) mengembalikan nilai milidetik. </p>
<p> Anda dapat menggunakan nilai kembalian untuk mengonversi string menjadi objek tanggal: </p>

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

<script>
var msec = Date.parse("March 21, 2012");
var d = new Date(msec);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>