Tutorial JavaScript Pemula Part 9 : Property Dan Method Objek Tanggal Dalam JavaScript
Tutorial JavaScript Pemula Part 9 : Property Dan Method Objek Tanggal Dalam JavaScript - Hello everyone selamat datang kembali diwebsite saya belajarwithib.my.id, pada seri kali ini kita akan membahas Property Dan Method Objek Tanggal Dalam JavaScript.
Kali ini tutorial singkat saja yang akan saya berikan mengenai Property Dan Method Objek Tanggal Dalam JavaScript kenapa kita mesti mempelajari hal ini? Karena penggunaan Tanggal dan Waktu itu nantinya kamu akan membutuhkannya ketika membuat sebuah jam atau sebagainya jadi simak terus ya!
Property Dan Method Objek Tanggal Dalam JavaScript
Tanggal merupakan objek yang memiliki property dan method. Tanggal objek digunakan untuk menangani tanggal yang sebenarnya atau yang terjadi pada saat ini.
Objek JavaScript Date hanya dapat dibuat dengan memanggil JavaScript Date sebagai constructor: memanggilnya sebagai fungsi biasa (yaitu tanpa operator baru) akan mengembalikan string daripada objek Tanggal; tidak seperti tipe objek JavaScript lainnya, objek JavaScript Date tidak memiliki sintaks literal.
Ada beberapa cara penulisan Sintaks tanggal pada javascript contohnya seperti dibawah ini :
var tanggal = new Date();
var tanggal = new Date( milliseconds );
var tanggal = new Date( dateString );
var tanggal = new Date( tahun , bulan , hari , jam , menit , detik , milliseconds );
Ada berbagai method untuk memanifulasi tanggal. Jika kamu ingin menggunakan methodnya, kamu harus memanggil atau menggunakan objek Date() terlebih dahulu.
Setelah itu, ada beberapa Property dan Method tersebut digunakan pada variabel tanggal. Adapun daftar Property dan Method yang bisa dipakai sebagai berikut:
Property Objek Tanggal Dalam JavaScript
Ada beberapa Property pada objek tanggal yaitu sebagai berikut:
- constructor Kembali ke membuat objek Tanggal referensi fungsi ini.
- prototype Ini memberi Anda kemampuan untuk menambahkan properti dan metode untuk objek.
Untuk contoh penggunaannya seperti dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript</title>
</head>
<body>
</body>
<script type="text/javascript">
var d = new Date();
// Contoh Prototype
Date.prototype.myMet=function()
{
if (this.getMonth()==0){this.myProp="January"};
if (this.getMonth()==1){this.myProp="February"};
if (this.getMonth()==2){this.myProp="March"};
if (this.getMonth()==3){this.myProp="April"};
if (this.getMonth()==4){this.myProp="May"};
if (this.getMonth()==5){this.myProp="June"};
if (this.getMonth()==6){this.myProp="July"};
if (this.getMonth()==7){this.myProp="August"};
if (this.getMonth()==8){this.myProp="Spetember"};
if (this.getMonth()==9){this.myProp="October"};
if (this.getMonth()==10){this.myProp="November"};
if (this.getMonth()==11){this.myProp="December"};
}
d.myMet();
console.log(d.myProp);
// Contoh constructor
console.log(d.constructor);
</script>
</html>
Hasilnya akan seperti dibawah ini :
Untuk output constructor akan menghasilkan ƒ Date() { [native code] } sedangkan untuk output Prototype akan menghasilnya bulan pada computer mu.
Method Objek Tanggal Dalam JavaScript
Ada beberapa Method pada objek tanggal yaitu sebagai berikut:
- getDate () Tanggal objek kembali dari hari bulan (1-31).
- getDay () Tanggal objek kembali dari hari minggu (0-6).
- getFullYear () Empat digit dari objek Date kembali tahun.
- getHours () Tanggal objek h (0-23).
- getMilliseconds () objek tanggal dalam milidetik (0-999).
- getMinutes () Tanggal objek menit (0-59).
- getMonth () Mengembalikan bulan dari Tanggal objek (0-11).
- getSeconds () Tanggal sejumlah obyek detik (0-59).
- getTime () Ia mengembalikan jumlah milidetik 1 Januari 1970 hingga saat ini.
- getTimezoneOffset () Mengembalikan waktu setempat dan Greenwich Mean Time (GMT) menit perbedaan.
- getUTCDate () Tergantung pada kembalinya dunia dari pertengahan Tanggal target (1-31).
- getUTCDay () Ia mengembalikan seminggu dari objek Tanggal menurut Hari Dunia (0-6).
- getUTCFullYear () Kembali dunia. Menurut tahun empat digit dari objek Date.
- getUTCHours () objek tanggal menurut Universal Time h (0-23).
- getUTCMilliseconds () objek Date menurut milidetik Dunia (0 ~ 999).
- getUTCMinutes () objek tanggal menurut Universal Time menit (0-59).
- getUTCMonth () Menurut Maret Dunia ketika kembali dari objek Tanggal (0-11).
- getUTCSeconds () objek tanggal menurut Universal Time detik (0-59).
- parse () Pengembalian 1 Januari 1970 sampai tengah malam pada tanggal yang ditentukan (string) adalah jumlah milidetik.
- setDate () Mengatur hari Tanggal objek bulan (1-31).
- setFullYear () objek Date tahun (empat digit).
- setHours () Mengatur Tanggal objek h (0-23).
- setMilliseconds () objek tanggal dalam milidetik (0-999).
- setMinutes () objek tanggal di menit (0-59).
- setMonth () objek tanggal di bulan (0-11).
- setSeconds () objek tanggal di detik (0-59).
- setTime () setTime () metode Tanggal objek dalam milidetik.
- setUTCDate () Saat membuat dunia sesuai dengan satu hari (1 ~ 31) Tanggal objek bulan.
- setUTCFullYear () objek Date tahun (empat digit) Menurut World.
- setUTCHours () Mengatur Tanggal objek h (0-23) Menurut World.
- setUTCMilliseconds () objek tanggal dalam milidetik (0-999) menurut dunia.
- setUTCMinutes () objek tanggal di menit (0-59) Menurut World.
- setUTCMonth () objek tanggal di bulan (0-11) Menurut World.
- setUTCSeconds () Metode setUTCSeconds () digunakan sesuai dengan Universal Time (UTC) pengaturan menentukan waktu di lapangan detik.
- toDateString () Tanggal porsi objek Tanggal ke string.
- toISOString () Mengembalikan string menggunakan ISO format tanggal standar.
- toJSON () Sebagai imbalannya JSON format data string tanggal.
- toLocaleDateString () Menurut format waktu setempat, tanggal bagian dari objek Tanggal untuk string.
- toLocaleTimeString () Menurut waktu setempat, saat bagian dari objek Date ke string.
- toLocaleString () Menurut waktu setempat, objek Tanggal untuk string.
- toString () Tanggal objek untuk string.
- toTimeString () Porsi waktu dari objek Tanggal untuk string.
- toUTCString () Menurut World ketika objek Tanggal untuk string.
- UTC () Ia mengembalikan jumlah milidetik 1 Januari 1970 sampai dengan tanggal yang ditentukan dalam dunia menurut.
- valueOf () Mengembalikan nilai asli dari objek Date.
Untuk cara penggunaannya dan contohnya, perhatikanlah code dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript</title>
</head>
<body>
</body>
<script type="text/javascript">
var tanggal = new Date();
console.log('Hari ini: ' + tanggal.getDate() + '/' + tanggal.getMonth() + '/' + tanggal.getFullYear());
</script>
</html>
Untuk hasilnya akan seperti dibawah ini :
Untuk merubah hasilnya silahkan ganti pada methodnya dan silahkan bereksperimen sendiri agar kamu jadi jauh lebih mengerti lagi.
Untuk melihat hasil program nya, kamu bisa melihatnya pada console web browser atau menekan SHITF+CTRL+I dan lihatlah pada consolenya.
Penutupan
Jika ingin memahami materi kali ini silahkanlah sambil praktek dan coba lah menggunakan method lain untuk pembuat objek tanggal lalu coba juga membuat mini projek sendiri seperti jam atau sebagai.
Semoga Bermanfaat!