Tuesday, January 6, 2015

Tutorial Javascript Part 14: Method Get dan Set Tanggal

Setelah mengerti cara membuat dan menampilkan tanggal, selanjutnya kita akan mempelajari tentang method-method untuk menangani tanggal. Ada banyak method yang disediakan javascript untuk menangani tanggal. Dari banyak method tersebutada dua kelompok method yangs ering digunakan yaitu method Get dan method Set.

Method Get

Adalah method yang digunakan untuk mengambil sebagian data dari object tanggal. Ada beberapa method yang termasuk method Get seperti getDate untuk mengambil tanggal (1-31), method getDay untuk mengambil data hari (0-6) dan sebagainya.

Berikut ini beberapa method yang termasuk method Get :

Method Keterangan
getDate() Mengambil hari sebagai angka (1-31)
getDay() Mengambil data hari selama satu minggu sebagai angka (0-6)
getFullYear() Mengambil data empat digit tahun (yyyy)
getHours() Mengambil data 24 jam (0-23)
getMilliseconds() MEngambil data milisecond, 1 second = 1000 milisecond (0-999)
getMinutes() Mengambil data menit (0-59)
getMonth() Mengambil data bulan (0-11)
getSeconds() Mengambil data detik (0-59)
getTime() Mengambil data milisecond waktu sejak 1 januari 1970

Contoh penggunaan method Get :

 <!DOCTYPE html>    
 <html>    
 <head>    
 <script type="text/javascript">    
 function Pesan()    
 {    
 var d = new Date();  
 document.getElementById("today").innerHTML = "Waktu Hari ini = " + d;  
 document.getElementById("year").innerHTML = "Hasil getFullYear = " + d.getFullYear();  
 document.getElementById("month").innerHTML = "Hasil getMonth = " + d.getMonth();  
 document.getElementById("date").innerHTML = "Hasil getDate = " + d.getDate();  
 document.getElementById("day").innerHTML = "Hasil getDay = " + d.getDay();  
 document.getElementById("hour").innerHTML = "Hasil getHours = " + d.getHours();  
 document.getElementById("minute").innerHTML = "Hasil getMinutes = " + d.getMinutes();  
 document.getElementById("second").innerHTML = "Hasil getSeconds = " + d.getSeconds();  
 document.getElementById("milisecond").innerHTML = "Hasil getMiliSeconds = " + d.getMiliSeconds();  
 document.getElementById("time").innerHTML = "Hasil getTime = " + d.getTime();  
 }    
 </script>    
 </head>    
 <body>    
 <h1>Method Get Date Javascript</h1>    
 Silahkan klik pada tombol    
 <button onclick="Pesan()">Enter</button>  
 <p id="today"></p>   
 <p id="year"></p>   
 <p id="month"></p>   
 <p id="date"></p>   
 <p id="day"></p>   
 <p id="hour"></p>   
 <p id="minute"></p>   
 <p id="second"></p>   
 <p id="milisecond"></p>   
 <p id="time"></p>   
 </body>    
 </html>   

Method Set

Adalah method yang digunakan untuk mengeset sebagian data dari object tanggal. Ada beberapa method yang termasuk method Set seperti setDate untuk mengeset tanggal (1-31), method setMonth untuk mengambil data bulan (0-11) dan sebagainya.

Berikut ini beberapa method yang termasuk method Set :

Method Keterangan
setDate() Mengeset hari sebagai angka (1-31)
setFullYear() Mengeset data tahun (opsional dengan tanggal dan bulan yyyy.mm.dd)
setHours() Mengeset data 24 jam (0-23)
setMilliseconds() Mengeset data milisecond, 1 second = 1000 milisecond (0-999)
setMinutes() Mengeset data menit (0-59)
setMonth() Mengeset data bulan (0-11)
setSeconds() Mengeset data detik (0-59)
setTime() Mengeset data milisecond waktu sejak 1 januari 1970

Contoh penggunaan method Set :

 <!DOCTYPE html>    
 <html>    
 <head>    
 <script type="text/javascript">    
 function Pesan()    
 {    
 var d = new Date();  
 document.getElementById("today").innerHTML = "Waktu Hari ini = " + d;  
 d.setFullYear(2016, 2, 14);  
 document.getElementById("year").innerHTML = "Hasil setFullYear = " + d;  
 d.setMonth(10);  
 document.getElementById("month").innerHTML = "Hasil setMonth = " + d;  
 d.setDate(15);  
 document.getElementById("date").innerHTML = "Hasil setDate = " + d;  
 d.setHours(13);  
 document.getElementById("hour").innerHTML = "Hasil setHours = " + d;  
 d.setMinutes(45);  
 document.getElementById("minute").innerHTML = "Hasil setMinutes = " + d;  
 d.setSeconds(32);  
 document.getElementById("second").innerHTML = "Hasil setSeconds = " + d;  
 d.setMiliSeconds(887);  
 document.getElementById("milisecond").innerHTML = "Hasil setMiliSeconds = " + d;  
 d.setTime(1000);  
 document.getElementById("time").innerHTML = "Hasil setTime = " + d;  
 }    
 </script>    
 </head>    
 <body>    
 <h1>Method Set Date Javascript</h1>    
 Silahkan klik pada tombol    
 <button onclick="Pesan()">Enter</button>  
 <p id="today"></p>   
 <p id="year"></p>   
 <p id="month"></p>   
 <p id="date"></p>   
 <p id="day"></p>   
 <p id="hour"></p>   
 <p id="minute"></p>   
 <p id="second"></p>   
 <p id="milisecond"></p>   
 <p id="time"></p>   
 </body>    
 </html>

Lihat indeks artikel Tutorial Javascript Dasar >>

Referensi :

1 komentar: