Tanggal objek memungkinkan Anda bekerja dengan tanggal (tahun, bulan, hari, jam, menit, detik, dan milidetik)
JavaScript Tanggal Format
Tanggal JavaScript dapat ditulis sebagai string:
Thu Oct 08 2015 11:14:31 GMT+0700 (SE Asia Standard Time)
atau sebagai nomor:
1444277671256
Tanggal ditulis sebagai angka, menentukan jumlah milidetik sejak 1 Januari 1970, 00:00:00.
Menampilkan Tanggal
Dalam tutorial ini kita menggunakan script untuk menampilkan tanggal di dalam <p> elemen dengan id = "demo":
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Date();
</script>
</body>
</html>
Script di atas mengatakan: menetapkan nilai Date () dengan isi (innerHTML) dari elemen dengan id = "demo".
Anda akan belajar bagaimana menampilkan tanggal, dalam format lebih mudah dibaca, di bagian bawah halaman ini.
Membuat Tanggal Objects
Tanggal objek memungkinkan kita bekerja dengan tanggal.
Tanggal terdiri dari setahun, sebulan, sehari, satu jam, satu menit, detik, dan milidetik.
Tanggal objek diciptakan dengan new Date () konstruktor.
Ada 4 cara :
New Date()
new Date(milliseconds)
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)
Menggunakan new baru (), menciptakan objek baru dengan tanggal dan waktu:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = new Date();
</script>
</body>
</html>
Menggunakan new Date (tanggal string), menciptakan tanggal objek baru dari tanggal yang ditentukan dan waktu:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = new Date("October 14, 2014 11:13:00");
</script>
</body>
</html>
Menggunakan new Date (nomor), menciptakan tanggal objek baru sebagai waktu nol ditambah jumlahnya.
Nol waktu 1 Januari 1970 00:00:00 UTC. Jumlah ini ditentukan dalam milidetik:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = new Date(86400000);
</script>
</body>
</html>
Menggunakan Tanggal baru (7 angka), menciptakan objek baru dengan tanggal dan waktu:
7 nomor menentukan tahun, bulan, hari, jam, menit, detik, dan milidetik :
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = new Date(99,5,24,11,33,30,0);
</script>
</body>
</html>
Varian dari contoh di atas kita menghilangkan salah satu dari 4 parameter terakhir:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = new Date(99,5,24);
</script>
</body>
</html>
Tanggal Metode
Ketika sebuah objek Tanggal dibuat, sejumlah metode memungkinkan Anda untuk beroperasi di atasnya.
Tanggal metode memungkinkan Anda untuk mendapatkan dan mengatur tahun, bulan, hari, jam, menit, detik, dan milidetik objek, baik menggunakan waktu setempat atau UTC (universal, atau GMT) waktu.
Menampilkan Tanggal
Ketika Anda menampilkan objek tanggal di HTML, maka secara otomatis dikonversi ke string, dengan metode toString ().
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Date();
</script>
</body>
</html>
Sama dengan :
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = Date().toString();
</script>
</body>
</html>
toUTCString () metode mengkonversi tanggal untuk string UTC (standar tampilan tanggal).
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = new Date().toUTCString();
</script>
</body>
</html>
toDateString () metode mengkonversi tanggal ke format yang lebih mudah dibaca:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = new Date().toDateString();
</script>
</body>
</html>
0 komentar:
Posting Komentar