tutorial pengembangan web terbaru
 

JavaScript tanggal


Tanggal objek memungkinkan Anda bekerja dengan tanggal (tahun, bulan, hari, jam, menit, detik, dan milidetik)


Tanggal Format JavaScript

Tanggal JavaScript dapat ditulis sebagai string:

Sun 6 November 2016 06:57:46 GMT + 0800 (中国标准时间)

atau sebagai nomor:

1478386666530

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" :

Contoh

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

<script>
document.getElementById("demo").innerHTML = Date();
</script>
Cobalah sendiri "

Script di atas mengatakan: menetapkan nilai Date() dengan isi ( innerHTML ) dari elemen dengan id="demo" .

Anda akan belajar bagaimana menampilkan tanggal, dalam format yang 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, kedua, dan milidetik.

Tanggal objek diciptakan dengan new Date() konstruktor.

Ada 4 cara memulai kencan:

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

Menggunakan new Date() , membuat objek tanggal baru dengan tanggal dan waktu:

Contoh

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

Menggunakan Tanggal baru (tanggal string), menciptakan objek tanggal baru dari tanggal dan waktu yang ditentukan:

Contoh

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

Hari string tanggal (format tanggal) dijelaskan dalam bab berikutnya.

Menggunakan Tanggal baru (jumlah), membuat objek tanggal baru sebagai waktu nol ditambah jumlahnya.

Waktu nol adalah 01 January 1970 00:00:00 UTC . jumlah ini ditentukan dalam milidetik:

Contoh

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

tanggal JavaScript dihitung dalam milidetik dari 1 Januari 1970 00:00:00 Universal Time (UTC). Suatu hari mengandung 86.400.000 milidetik.

Menggunakan new Date (7 angka), membuat objek tanggal baru dengan tanggal dan waktu yang ditentukan:

The 7 angka tentukan tahun, bulan, hari, jam, menit, detik, dan milidetik, agar:

Contoh

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

Varian dari contoh di atas marilah kita menghilangkan salah satu dari 4 parameter terakhir:

Contoh

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

JavaScript menghitung bulan dari 0 11 Januari 0 Desember adalah 11.


Metode Tanggal

Ketika objek Tanggal dibuat, sejumlah metode memungkinkan Anda untuk beroperasi di atasnya.

metode Tanggal 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.

Metode tanggal tercakup dalam bab berikutnya.


menampilkan Tanggal

Ketika Anda menampilkan objek tanggal di HTML, maka secara otomatis dikonversi ke string, dengan toString() metode.

Contoh

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

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

Sama dengan:

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

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

The toUTCString() metode mengkonversi tanggal untuk string UTC (tampilan standar tanggal).

Contoh

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

The toDateString() metode mengkonversi tanggal ke format yang lebih mudah dibaca:

Contoh

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

Tanggal benda yang statis. Waktu komputer terus berdetak, tapi benda tanggal, sekali dibuat, tidak.


Zona waktu

Ketika menetapkan tanggal, tanpa menentukan zona waktu, JavaScript akan menggunakan zona waktu browser.

Ketika mendapatkan kencan, tanpa menentukan zona waktu, hasilnya dikonversi ke zona waktu browser.

Dengan kata lain: Jika tanggal / waktu diciptakan di GMT (Greenwich Mean Time), tanggal / waktu akan dikonversi ke CDT (Central US Daylight Time) jika pengguna menelusuri dari sentral AS.

Baca lebih lanjut tentang zona waktu dalam bab-bab berikutnya.


Uji Diri dengan Latihan!

Latihan 1 » Latihan 2» Latihan 3 »