Home » Javascript » Tanggal di JavaScript: Cara Membuat dan Code Sintaknya

Tanggal di JavaScript: Cara Membuat dan Code Sintaknya

by Catur Kurnia Sari
by Catur Kurnia Sari

Contoh:

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

Output Tanggal JavaScript

Secara default, JavaScript akan menggunakan zona waktu browser dan menampilkan tanggal sebagai string teks lengkap:

Sel 13 Okt 2020 15:18:43 GMT + 0700 (Waktu Indonesia Bagian Barat)

Anda akan belajar lebih banyak tentang bagaimana menampilkan tanggal dalam tutorial ini.

Membuat Object Tanggal

Object tanggal dibuat dengan konstruktor new Date().

Ada 4 cara untuk membuat object new date, yaitu sebagai berikut.

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

new Date()

new Date() akan membuat object new date dengan tanggal dan waktu saat ini.

Contoh:

<!DOCTYPE html>
<html>
<body>

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

<p>Menggunakan new Date(), membuat object new date dengan tanggal dan waktu saat ini: </p>
<p id="demo"></p>

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

</body>
</html>

Object tanggal bersifat statis. Waktu pada komputer terus berjalan, tetapi object tanggal tidak.

new Date(year, month, …)

new Date (year, month, …) berfungsi untuk membuat object new date dengan tanggal dan waktu tertentu.

Contoh:

7 angka pada contoh menentukan tahun, bulan, hari, jam, menit, detik, dan milidetik (dalam urutan itu):

<!DOCTYPE html>
<html>
<body>

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

<p> Menggunakan new date (7 angka), membuat object new date dengan tanggal dan waktu yang ditentukan: </p>
<p id="demo"></p>

<script>
var d = new Date(2018, 11, 24, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Catatan: JavaScript menghitung bulan mulai dari 0 sampai 11.

Januari adalah bulan ke 0. Desember adalah bulan ke 11.

6 angka pada contoh menentukan tahun, bulan, hari, jam, menit, detik:

Contoh

<!DOCTYPE html>
<html>
<body>

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

<p>6 angka menentukan tahun, bulan, hari, jam, menit, detik</p>

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

<script>
var d = new Date(2018, 11, 24, 10, 33, 30);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

5 angka pada contoh menentukan tahun, bulan, hari, jam, dan menit:

<!DOCTYPE html>
<html>
<body>

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

<p>5 angka menentukan tahun, bulan, hari, jam, dan menit</p>

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

<script>
var d = new Date(2018, 11, 24, 10, 33);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

4 angka pada contoh menentukan tahun, bulan, hari, dan jam:

<!DOCTYPE html>
<html>
<body>

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

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

<script>
var d = new Date(2018, 11, 24, 10);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

3 angka pada contoh menentukan tahun, bulan, dan hari:

<!DOCTYPE html>
<html>
<body>

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

<p>3 angka menentukan tahun, bulan, dan hari:</p>

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

<script>
var d = new Date(2018, 11, 24);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

2 angkapada contoh menentukan tahun dan bulan:

<!DOCTYPE html>
<html>
<body>

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

<p>2 angka menentukan tahun dan bulan:</p>

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

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

</body>
</html>

Bulan tidak dapat dihilangkan. Jika parameter yang diberikan hanya satu, parameter tersebut akan dianggap sebagai milidetik.

<!DOCTYPE html>
<html>
<body>

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

<p>Satu parameter akan diinterpretasikan sebagai new Date(milliseconds).</p>

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

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

</body>
</html>

Previous Century

Satu dan dua digit tahun akan diinterpretasikan sebagai 19xx.

Contohnya:

<!DOCTYPE html>
<html>
<body>

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

<p> Dua digit tahun akan diartikan sebagai 19xx: </p>
<p id="demo"></p>

<script>
var d = new Date(99, 11, 24);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>
<!DOCTYPE html>
<html>
<body>

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

<p> Satu digit tahun akan diartikan sebagai 19xx: </p>
<p id="demo"></p>

<script>
var d = new Date(9, 11, 24);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

new Date(dateString)

new Date(dateString) berfungsi untuk membuat object new date dari string tanggal.

Contoh:

<!DOCTYPE html>
<html>
<body>

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

<p> Object Tanggal dapat dibuat dengan tanggal dan waktu tertentu.</p>
<p id="demo"></p>

<script>
var d = new Date("October 13, 2014 11:13:00");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

javaScript Menyimpan Tanggal sebagai Milidetik

JavaScript menyimpan tanggal dalam milidetik dimulai sejak 01 Januari 1970, 00:00:00 UTC (Universal Time Coordinated).

Waktu nol menunjukan 01 Januari 1970 00:00:00 UTC.

Waktu saat ini menunjukan: 1602577123749 milidetik setelah 01 Januari 1970.

new Date(milliseconds)

new Date (milliseconds) digunakan untuk membuat object new date dengan ketenutan waktu nol plus milidetik.

Contoh:

<!DOCTYPE html>
<html>
<body>

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

<p>Menggunakan new Date (milliseconds), membuat object new date sebagai 1 Januari 1970, 00:00:00 Waktu Universal (UTC) ditambah milidetik:</p>

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

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

</body>
</html>

01 Januari 1970 ditambah 100.000.000.000 milidetik kira-kira 03 Maret 1973.

<!DOCTYPE html>
<html>
<body>

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

<p>01 Januari 1970 ditambah 100.000.000.000 milidetik kira-kira 03 Maret 1973.</p>

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

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

</body>
</html>

01 Januari 1970 dikurangi 100.000.000.000 milidetik kira-kira 31 Oktober 1966:

<!DOCTYPE html>
<html>
<body>

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

<p>01 Januari 1970 dikurangi 100.000.000.000 milidetik kira-kira 31 Oktober 1966:</p>

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

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

</body>
</html>
<!DOCTYPE html>
<html>
<body>

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

<p>Menggunakan new Date (milliseconds), membuat object new date sebagai 1 Januari 1970, 00:00:00 Waktu Universal (UTC) ditambah milidetik:</p>

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

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

<p>One day (24 hours) is 86,400,000 milliseconds.</p>

</body>
</html>

Satu hari (24 jam) adalah 86.400.000 milidetik.

Method Date

Saat object Tanggal dibuat, maka memungkinkan kita untuk mengoperasikan sejumlah mehtod.

Method date memungkinkan kita untuk mendapatkan dan mengatur tahun, bulan, hari, jam, menit, detik, dan milidetik (object tanggal), menggunakan waktu lokal atau waktu UTC (universal, atau GMT).

Menampilkan Tanggal

JavaScript akan (secara default) menampilkan output tanggal dalam format string teks lengkap.

Contoh:

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

Ketika Anda menampilkan object tanggal dalam HTML, secara otomatis akan diubah menjadi string, dengan method toString ().

d = new Date();
document.getElementById("demo").innerHTML = d;

Sama dengan:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript toString()</h2>

<p> Method toString () mengubah tanggal menjadi string: </p>
<p id="demo"></p>

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

</body>
</html>

Method toUTCString () mengubah tanggal menjadi string UTC (standar tampilan tanggal).

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Date()</h2>

<p>Method toUTCString () mengubah tanggal menjadi string UTC (standar tampilan tanggal).</p>

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

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

</body>
</html>

Method toDateString () mengonversi tanggal ke format yang lebih mudah dibaca:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript toDateString()</h2>

<p>Method toDateString () mengonversi tanggal ke format yang lebih mudah dibaca:</p>

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

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

</body>
</html>

Method toISOString () mengonversi tanggal menjadi string, menggunakan format standar ISO:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript toISOString()</h2>

<p>Method toISOString () mengonversi tanggal menjadi string, menggunakan format standar ISO:</p>

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

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

</body>
</html>

You may also like