Monday, January 5, 2015

Tutorial Javascript Part 13: Membuat dan Menampilkan Tanggal

Pada javascript kita bisa membuat dan menampilkan tanggal dengan fungsi Date. Dengan fungsi Date() kita bisa mengambil waktu dari komputer client untuk kemudian ditampilkan pada halaman website. Selain itu kita juga bisa membuat object tanggal untuk waktu tertentu dengan beberapa metode. Dengan fitur ini kita bisa menambahkan aplikasi jam pada halamn website kita.

Menampilkan Tanggal dengan javascript

Untuk menampilkan tanggal kita bisa memanfaatkan beberapa cara seperti pada tulisan tentang menampilkan output javascript. Kita bisa menampilkan tanggal sekarang atau kita juga bisa membuat object tanggal baru.

Contoh menampilkan tanggal sekarang dengan javascript :

 <p id="demo"></p>  
 <script>  
 document.getElementById("demo").innerHTML = Date();  
 </script>
Pada contoh diatas kita mengambil tanggal pada komputer client dengan fungsi Date() kemudian menampilkan pada halaman melalui paragraf dengan id=demo.

Membuat Object Tanggal

Selain mengambil tanggal dari waktu sekarag pada komputer lokal, kita juga bisa membuat object tanggal baru dengan menggunakan constructor new Date(). Dengan fitur ini kita bisa melakukan lebih banyak hal mengenai tanggal seperti membuat perhitungan waktu mundur, menghitung umur dan sebagainya.

Sebuah object tanggal pada hakikatnya adalah rangkaian string yang berupa data tahun, bulan, hari, menit, detik dan milidetik. Ada empat cara dalam membuat object tanggal, yaitu :

1. new Date()

Adalah cara membuat object tanggal dari waktu sekarang pada komputer client.

Contoh membuat tanggal dengan Date() :

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

2. new Date(miliseconds)

Adalah cara membuat object tanggal dari zero time (waktu nol) ditambah nilai milisecond didalam kurung. Sero time yang dimaksud adalah 01 January 1970 00:00:00 UTC

Contoh membuat tanggal dengan Date(miliseconds) :

 <script>  
 var d = new Date(1000);  
 document.getElementById("demo").innerHTML = d;  
 </script>   
Pada contoh diatas kita membuat object tanggal dari zero time ditambah 1000milisecond (1 detik). Script diatas akan menghasilkan string Thu Jan 01 1970 07:00:01 GMT+0700 (WIB). Dengan perhitungan lanjt kita bisa menentukan nilai milisecond untuk satu menit, satu jam, satu hari dan seterusnya.

3. new Date(dateString)

Adalah cara membuat object tanggal dari rangkaian format tanggal standar dalam string. Format standar yang dimaksud adalah terdiri dari tanggal, bulan, tahun, jam, menit dan detik

Contoh membuat tanggal dengan Date(datestring) :

 <script>  
 var d = new Date("October 13, 2014 11:13:00");  
 document.getElementById("demo").innerHTML = d;  
 </script>  
Contoh diatas akan menghasilkan string tanggal = Mon Oct 13 2014 11:13:00 GMT+0700 (WIB).

4. new Date(parameter)

Adalah cara membuat object tanggal menggunakan tujuh parameter waktu, yaitu year, month, day, hours, minutes, seconds, milliseconds.

Contoh membuat tanggal dengan Date(parameter) :

 <script>  
 var d = new Date(99,5,24,11,33,30,0);  
 document.getElementById("demo").innerHTML = d;  
 </script>   
Contoh diatas akan menghasilkan string tanggal = Thu Jun 24 1999 11:33:30 GMT+0700 (WIB).

Lihat indeks artikel Tutorial Javascript Dasar >>

Referensi :

0 komentar

Post a Comment