Date dideklarasikan dengan syntak new Date();
Ada 4 cara untuk instansi Date :
var d = new Date(); // tangal dan waktu sekarang
var d = new Date(milliseconds); // miliseconds dimulai 1970/01/01
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);
var d = new Date(milliseconds); // miliseconds dimulai 1970/01/01
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);
Date Object Methods
Berikut Date Method yang serig digunakan :
Methods | Deskripsi |
---|---|
getDate() | return hari dari bulan ( dari 1-31 ) |
getDay() | return hari dariminggu ( dari 0-6 ) |
getFullYear() | return tahun ( 4 digit ) |
getHours() | return jam ( 0-23 ) |
getMilliseconds | return milli detik ( 0-999 ) |
getMinutes | return menit ( 0-59 ) |
getMonth | return bulan ( 0-11 ) |
getSeconds | return detik ( 0-59 ) |
getTime() | return milli detik dimulai 00:00 1 januari 1970 |
setDate() | mengatur hari dalam bulan |
setFullYear | mengatur tahun ( 4 digit ) |
setHours | mengatur jam |
setMilliseconds | mengatur milli detik |
setMinutes | mengatur menit |
setMonth | mengatur bulan |
setSeconds | mengatur detik |
toJSON | return tanggal sebagai string, untuk format JSON |
Contoh Jam Digital :
<script>
function Jam(){
var d = new Date();
var jam = d.getHours();
var menit = d.getMinutes();
var detik = d.getSeconds();
document.getElementById('jam').innerHTML = jam+':'+menit+':'+detik;
setTimeout(function(){ Jam() },1000)
}
window.onload = function(){Jam()};
</script>
<p id="jam"></p>
function Jam(){
var d = new Date();
var jam = d.getHours();
var menit = d.getMinutes();
var detik = d.getSeconds();
document.getElementById('jam').innerHTML = jam+':'+menit+':'+detik;
setTimeout(function(){ Jam() },1000)
}
window.onload = function(){Jam()};
</script>
<p id="jam"></p>
Output :
Contoh menampilkan Nama Hari dengan JavaScript :
<script>
function Hari(){
var hari = Array('Minggu','Senin','Selasa','Rabu','Kamis','Jum\'at','Sabtu');
var d = new Date();
var curHari = d.getDay();
var result = hari[curHari];
document.getElementById('hari').innerHTML = result;
}
window.onload = function(){ Hari()};
</script>
<p id="hari"></p>
function Hari(){
var hari = Array('Minggu','Senin','Selasa','Rabu','Kamis','Jum\'at','Sabtu');
var d = new Date();
var curHari = d.getDay();
var result = hari[curHari];
document.getElementById('hari').innerHTML = result;
}
window.onload = function(){ Hari()};
</script>
<p id="hari"></p>
Output :
Contoh menampilkan tanggal lengkap dengan Javascript:
<script>
function Tanggal(){
var d = new Date();
var tgl = d.getDate();
var bulan = d.getMonth();
var tahun = d.getFullYear();
var bulanArray = Array('Jan','Feb','Mar','Apr','Mei','Jun','Jul','Agst','Sept','Nov','Desc');
var curBulan = bulanArray[bulan];
document.getElementById('tanggal').innerHTML = tgl+'-'+curBulan+'-'+tahun;
}
window.onload = function() { Tanggal() };
</script>
<p id="tanggal"></p>
function Tanggal(){
var d = new Date();
var tgl = d.getDate();
var bulan = d.getMonth();
var tahun = d.getFullYear();
var bulanArray = Array('Jan','Feb','Mar','Apr','Mei','Jun','Jul','Agst','Sept','Nov','Desc');
var curBulan = bulanArray[bulan];
document.getElementById('tanggal').innerHTML = tgl+'-'+curBulan+'-'+tahun;
}
window.onload = function() { Tanggal() };
</script>
<p id="tanggal"></p>
Output :
Cukup sedikit artikel dari saya, jika ada kesalahan mohon hubungi admin untuk diperbaharui sehingga menjadi pelajaran yang berguna.
Mengingat penulis masih dalam tahap pembelajaran dan masih awam.
Thank's ^_^
makasih ilmunya ini min...
BalasHapussolder uap