Laman

Saturday, January 7, 2017

JavaScript Date , Date Format and Date Methods (NT)

Haii Bertemu lagi dengan saya Nicholas Tansol , kali ini saya akan menjelaskan tentang JavaScript Date , Date Formet dan Date Methods. Cus lansung saja kita baca tutorial berikut.

JAVASCRIPT DATE

JavaScript Date berfungsi untuk membuat anda bisa membuat sebuah objek penganggalan (tahun,bulan,hari,jam,menit,detik,dan milidetik).

Penanggalan di JavaScript dapat berupa string :
Sat Jan 07 2017 17:59:18 GMT+0700 (WIB)
atau dengan angka:
1483786758083

Berikut cara untuk menampilkan date dalam sebuah JavaScript:



 
Pertama tambahkan sebuah function test dengan mengambil id="test" dan memanggil sebuah value Date() yaitu digunakan sebagai memanggil tanggal yang ada pada sistem komputer anda.

Kedua tambahkan sebuah input type="text" dengan id="test" dan gunakan onblur="test()" untuk mendapatkan hasil tanggal(Banyak cara untuk memanggilnya selain menggunakan cara saya,saya membuat contoh tersebut dengan apa yang saya tau hehe).

Kita dapat membuat objek penanggalan sendiri dengan menggunakan struktur new Date() terdapat 4 cara dalam membuatnya :
  • new Date()
  • new Date(miliseconds)
  • new Date(dateString)
  • new Date(year,month,day,hours,minutes,seconds,miliseconds)
Fungsi new Date() sama dengan fungsi Date() yaitu mengambil tanggal dan waktu sesuai sistem kita.

Fungsi new Date(miliseconds) menggunakan value milisekon dimulai dari January 1, 1970, 00:00:00 hingga milisekon saat ini. Saya akan coba dengan 10000000 milisekon dan hasilnya sebagai berikut:


Fungsi new Date(dateString) menggunakan value string sebagai penentu tanggal dengan contoh saya akan membuat new Date("July 5 , 2000 11:11:00"); :
 

Fungsi new Date(year,month,day,hours,minutes,seconds,miliseconds) menggunakan angka sebagai penentu tahun bulan hari jam menit sekon dan milisekon sebagai penentunya sebagai contoh berikut:



00 = Sebagai tahun
6 = Sebagai bulan (July) JavaScript menghitung bulan dari 0 hingga 12 dan 6 adalah bulan July 0 = Januari.
5 = Sebagai Tanggal
11 = Sebagai Jam
11 = Sebagai Menit
11 = Sebagai Sekon
11 = Sebagai milisekon

Sekian tentang Date() dan new Date() sekarang kita akan membahas tentang Date Format.

DATE FORMATS

Dibagian ini tidak banyak yang kita pelajari , yaitu format format penanggalan terdapat 4 jenis format penanggalan :
  • ISO Date : "2015-03-25" (The International Standard)
  • Short Date : "03/25/2015"
  • Long Date : "Mar 25 2015" atau "25 Mar 2015"
  • Full Date : "Wednesday March 25 2015"
JavaScript ISO Date merupakan standard internasional dari penganggalan dan waktu. Syntax ISO 8601 adalah (YYYY-MM-DD) berikut contoh syntaxnya:
 

Setelah itu penggunaan Short Date lebih pendek dari penggunaan ISO Date berikut contoh syntaxnya:
 

Setelah itu ada Penggunaan Long Date sedikit lebih panjang dari penggunaan Short Date berikut contoh syntaxnya:




Setelah itu ada Penggunaan Full Date yang sangat panjang dan sedikit lebih spesifik dari format penanggalan yang lain, berikut contoh syntaxnya :
 

Sekian Pembahasan tentang Format-format di Penanggalan Sekarang kita akan membahas tentang Date Methods .

DATE METHODS

JavaScript date methods membiarkan anda supaya bisa mendapat dan mengset sebuah value dari sebuah penanggalan :

Date Get Methods

Get method di penanggalan berguna untuk :
  • getDate() : Mengambil value hari sebagai angka (0-31)
  • getDay() : Mengambil hari dalam seminggu sebagai angka (0-6)
  • getFullYear() : Mengambil empat digit angka dalam tahun (yyyy)
  • getHours() : Mengambil jam dalam sebuah penanggalan (0-23)
  • getMiliseconds(): Mengambil milisekon dalam sebuah penanggalan (0-999)
  • getMinutes() : Mengambil menit dalam sebuah penanggalan (0-59)
  • getMonth() : Mengambil sebuah bulan dalam sebuah Penanggalan (0-11)
  • getSeconds() : Mengambil sekon dalam sebuah Penanggalan (0-59)
  • getTime() : Mengambil waktu dalam milisekon sejak January 1 , 1970. 
 Berikut sedikit cara penggunaan dalam Get Methods di Date():


fungsi getTime() tersebut mengambil value dalam sebuah milisekon dari Januari 1 , 1970 hingga sekarang.

Kita akan lanjut ke Date Set Methods

Date Set Methods

Date Set methods berguna untuk menyetting bagian dari sebuah penanggalan berikut penggunaannya:
  • setDate() : Mengset sebuah hari sebagai angka (1-31)
  • setFullYear() : Mengset sebuah tahun (dengan tahun dan hari)
  • setHours() : Mengset sebuah jam (0-23)
  • setMiliseconds() : Mengset sebuah milisekon (0-999)
  • setMinutes() : Mengset sebuah menit (0-59)
  • setMonth() : Mengset sebuah bulan (0-11)
  • setSeconds() : Mengset sebuah sekon (0-59)
  • setTime() : Mengset waktu dalam milisekon sejak January 1, 1970.
Berikut sedikit contoh penggunaan Set Methods di Date():
 





Fungsi tersebut hanya mengset harinya saja Sedangkan Bulan Jam Menit Sekonnya tidak berubah sama sekali. itulah fungsi dari Set Methods

Sekian tutorial All About Dates dari saya :D Semoga bermanfaat bagi anda pembaca sekalian sekian dan Terima Kasih!! :D

No comments:

Post a Comment