Date Method JavaScript

Date method terbagi menjadi tiga yaitu get method, set method, dan to method.

Penjelasan get method

Get method adalah sebuah method yang berguna untuk mengambil sebagian keterangan tanggal dari date object yang sudah dibuat.

Method Penjelasan
getDate() Mengambil tanggal dan menyimpannya dalam bentuk angka (1-31)
getDay() Mengambil hari dan menyimpannya dalam bentuk angka (0-6)
getMonth() Mengambil bulan (0-11)
getFullYear() Mengambil 4 digit tahun (1970-9999)
getHours() mengambil jam (0-23)
getMinutes() Mengambil menit (0-59)
getSeconds() Mengambil detik (0-59)
getMilliseconds() Mengambil milliseconds (0-999)
getTime() Mengambil waktu (milidetik sejak zero time)

Keterangan

  • Hari dihitung mulai dari 0 sampai 6. 0 untuk Sunday dan 6 untuk Saturday.
  • Bulan dihitung mulai dari 0 sampai 11. January adalah 0 dan Desember adalah 11.
  • Zero time adalah [01 January 1970 00:00:00 Universal Time UTC].

Contoh get method

getTime() method

getTime() method merupakan banyaknya milidetik sejak zero time sampai tanggal pada date object.

Code JavaScript 1:

<script>
var tanggal = new Date();
var tanggalBaru = tanggal.getTime();
document.write(tanggalBaru);
</script>

Hasil code JavaScript 1:

getFullYear() method

getFullYear() method mengambil 4 digit tahun dari date object.

Code JavaScript 2:

<script>
var tanggal = new Date();
var tanggalBaru = tanggal.getFullYear();
document.write(tanggalBaru);
</script>

Hasil code JavaScript 2:

getDay() method

getDay() method mengambil hari dari date object dan menyimpannya dalam bentuk angka (0-6). 0 untuk Sunday dan 6 untuk Saturday.

Code JavaScript 3:

<script>
var tanggal = new Date();
var tanggalBaru = tanggal.getDay();
document.write(tanggalBaru);
</script>

Hasil code JavaScript 3:

Untuk menampilkan nama hari kamu bisa menggunakan sebuah array yang berisi nama-nama hari.

Code JavaScript 4:

<script>
var tanggal = new Date();
var tanggalBaru = tanggal.getDay();
var hari = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
document.write(hari[tanggalBaru]);
</script>

Hasil code JavaScript 4:

Berikut ini adalah penjelasan code di atas:

var tanggal = new Date()

Code di atas artinya buat sebuah object bernama [tanggal] yang berisi tanggal dan waktu sekarang.

var tanggalBaru = tanggal.getDay()

Code di atas artinya ambil hari dari date object dan simpan dalam bentuk angka. Angka ini kemudian disimpan dalam sebuah variable bernama [tanggalBaru].

var hari = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]

Code di atas artinya buat sebuah array bernama [hari] yang berisi nama-nama hari secara berurutan. Masing-masing nama hari ini bisa dipanggil dengan posisinya masing masing. Misalkan kita ingin memanggil hari [Monday] maka kita akan menuliskan code seperti ini hari[1].

Posisi di dalam array dihitung mulai dari 0.

Kalau kamu ingin nama hari tampil dalam bahasa Indonesia maka kamu bisa mengedit isi dari array tersebut.

document.write(hari[tanggalBaru])

Code di atas ini artinya memanggil sebuah nama hari yang berada di dalam array bernama [hari] kemudian menampilkannya dengan code [document.write()].

Menampilkan tanggal

Berikut ini adalah teknik untuk menampilkan tanggal menggunakan get method.

Code JavaScript 5:

<script>
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
document.write(month + "/" + day + "/" + year);
</script>

Hasil code JavaScript 5:

pada code di atas kita menambahkan angka 1 pada month variable. Bila kita tidak melakukan modifikasi tersebut maka bulan Januari akan ditampilkan dengan angka 0 atau bulan lainnya seperti bulan Desember akan ditampilkan dengan angka 11.

Dengan modifikasi penambahan angka 1 pada month variable maka Januari akan ditampilkan dengan angka 1 dan Desember ditampilkan dengan angka 12.

Menampilkan jam

Berikut ini adalah teknik untuk menampilkan jam dengan format jam digital yaitu HH:MM AM/PM (H = Hour, M = Minute) menggunakan get method.

Code JavaScript 6:

<script>
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
if (minutes < 10){
   minutes = "0" + minutes;
};
document.write(hours + ":" + minutes + " ");
if(hours > 11){
   document.write("PM");
} else {
   document.write("AM");
};
</script>

Hasil code JavaScript 6:

Pada code diatas, kita menampilkan angka 0 pada bagian depan minutes jika minutes < 10. Hal ini dilakukan karena jika minutes < 10 maka yang akan ditampilkan adalah seperti ini [1:1 AM] yang seharusnya tampilannya adalah seperti ini [1:01 AM].

Berikut ini adalah contoh jika kita ingin menampilkan jam digital dalam format 12 jam dan bukannya 24 jam.

Code JavaScript 7:

<script>
var waktuSekarang = new Date ( );

var jamSekarang = waktuSekarang.getHours ( );
var menitSekarang = waktuSekarang.getMinutes ( );
var detikSekarang = waktuSekarang.getSeconds ( );

// Tambahkan angka 0 di depan menit dan detik jika diperlukan
menitSekarang = ( menitSekarang < 10 ? "0" : "" ) + menitSekarang;
detikSekarang = ( detikSekarang < 10 ? "0" : "" ) + detikSekarang;

// Pilih "AM" atau "PM"
var keteranganWaktu = ( jamSekarang < 12 ) ? "am" : "pm";

// Ganti format jam yang tadinya 24 menjadi 12
jamSekarang = ( jamSekarang > 12 ) ? jamSekarang - 12 : jamSekarang;

// Jika jam menunjukkan angka 0 maka ganti dengan 12
jamSekarang = ( jamSekarang == 0 ) ? 12 : jamSekarang;

// Tambahkan angka 0 di depan jam jika diperlukan
jamSekarang = ( jamSekarang < 10 ? "0" : "" ) + jamSekarang;

// Susun jam
var susunJam = jamSekarang + ":" + menitSekarang + ":" + detikSekarang + " " + keteranganWaktu;

document.write(susunJam);
</script>

Hasil code JavaScript 7:

Symbol tanda tanya [?] dan titik dua [:] di atas adalah symbol ternary operator.

Penjelasan set method

Set method digunakan untuk mengganti sebagian tanggal yang ada pada date object.

Method Penjelasan
setDate() Mengganti tanggal dan menyimpannya dalam bentuk angka (1-31)
setFullYear() Mengganti tahun, bulan dan tanggal sekaligus (yyyy.mm.dd)
setHours() Mengganti jam (0-23)
setMilliseconds() Mengganti milidetik (0-999)
setMinutes() Mengganti menit (0-59)
setMonth() Mengganti bulan (0-11)
setSeconds() Mengganti detik (0-59)
setTime() Menentukan banyaknya milidetik (milidetik sejak zero time)

Contoh set method

setFullyear() method

setFullyear() method berguna untuk mengganti tahun, bulan dan tanggal sekaligus yang ada di dalam date object.

Code JavaScript 8:

<script>
var tanggal = new Date();
tanggal.setFullYear(2035, 0, 12);
document.write(tanggal);
</script>

Hasil code JavaScript 8:

setDate() method

setDate() method berguna untuk mengganti tanggal yang ada di dalam date object.

Code JavaScript 9:

<script>
var tanggal = new Date();
tanggal.setDate(15);
document.write(tanggal);
</script>

Hasil code javaScript 9:

Pada code di atas kita mengganti tanggal yang ada pada date object menjadi [15].

setDate() method juga bisa digunakan untuk menambahkan beberapa hari ke dalam date object.

Code JavaScript 10:

<script>
var tanggal = new Date();
tanggal.setDate(tanggal.getDate() + 55);
document.write(tanggal);
</script>

Hasil code JavaScript 10:

Pada code di atas kita menambahkan 55 hari ke dalam date object dan kemudian menampilkan hasilnya. Tanggal yang tampil di atas adalah 55 hari dari sekarang.

Berikut ini adalah teknik untuk mendapatkan tanggal hari Saturday mendatang menggunakan kombinasi get method dan set method.

Code JavaScript 11:

<script>
var currentTime = new Date();

//code ini menyimpan hari sekarang dalam bentuk angka (0-6)
var hariSekarang = currentTime.getDay();

//Banyak hari sampai saturday (a) = (6 adalah Saturday dalam angka) dikurang (hari sekarang dalam bentuk angka)
var a = 6 - hariSekarang;

//Jika sekarang adalah Saturday maka tambahkan lagi 7 sehingga menjadi Saturday minggu depannya lagi
a = ( a == 0 ) ? a + 7 : a;

//Ganti tanggal sekarang dengan tanggal Saturday mendatang
currentTime.setDate(currentTime.getDate()+a);
var tanggalSaturday = currentTime.getDate();
document.write(tanggalSaturday);
</script>

Hasil code JavaScript 11:

Date.parse() method

Date.parse() method berguna untuk menghasilkan jumlah milidetik sejak zero time sampai tanggal yang dimasukkan ke dalam Date.parse() method.

Code JavaScript 12:

<script>
jumlahMs = Date.parse("March 23, 2011");
document.write(jumlahMs);
</script>

Hasil code JavaScript 12:

Angka milidetik hasil dari Date.parse() method bisa diganti menjadi sebuah tanggal dan disimpan dalam sebuah date object:

Code JavaScript 13:

<script>
jumlahMs = Date.parse("March 23, 2011");
var tanggal = new Date(jumlahMs);
document.write(tanggal);
</script>

Hasil code JavaScript 13:

Membandingkan tanggal

Dua buah tanggal bisa dibandingkan mana yang lebih awal atau akhir:

Code JavaScript 14:

<script>
var hariIni, sebuahHari, text;
hariIni = new Date();
sebuahHari = new Date();
sebuahHari.setFullYear(2030, 0, 12);
if (sebuahHari > hariIni) {
   text = "Hari ini terjadi sebelum January 12, 2030";
} else {
   text = "Hari ini terjadi setelah January 12, 2030";
};
document.write(text);
</script>

Hasil code JavaScript 14:

Penjelasan to method

to method berguna untuk mengubah format tangggal yang ada pada Date object kemudian mengubah jenis data tersebut menjadi berjenis string.

Method Penjelasan
toString() Mengubah sebuah Date object menjadi sebuah string kemudian string tersebut akan disimpan dalam sebuah string baru
toUTCString() Mengubah format tanggal yang disimpan menjadi format UTC kemudian jenis data tanggal tersebut diubah menjadi berjenis string
toDateString() Mengubah format tanggal yang disimpan menjadi hanya tanggal saja tanpa keterangan waktu kemudian mengubah jenis data tanggal tersebut menjadi berjenis string

Berikut ini adalah beberapa contoh to method:

toString() method

Semua jenis object memiliki code toString() method.

Pada Date object, toString() method berguna untuk Mengubah sebuah Date object menjadi sebuah string kemudian string tersebut akan disimpan dalam sebuah string baru.

Code JavaScript 15:

<script>
var tanggal = new Date();
var tanggalBaru = tanggal.toString();
document.write(tanggalBaru);
</script>

Hasil code JavaScript 15:

toUTCString() method

toUTCString() method berguna untuk mengubah format tanggal yang disimpan menjadi format UTC kemudian jenis data tanggal tersebut diubah menjadi berjenis string.

Code JavaScript 16:

<script>
var tanggal = new Date();
var tanggalBaru = tanggal.toUTCString();
document.write(tanggalBaru);
</script>

Hasil code JavaScript 16:

toDateString() method

toDateString() method berguna untuk mengubah format tanggal yang disimpan menjadi hanya tanggal saja tanpa keterangan waktu kemudian mengubah jenis data tanggal tersebut menjadi berjenis string.

Code JavaScript 17:

<script>
var tanggal = new Date();
var tanggalBaru = tanggal.toDateString();
document.write(tanggalBaru);
</script>

Hasil code JavaScript 17:

Catatan

Bila waktu yang tampil pada komputer kamu bergerak dan berganti setiap menitnya maka sebaliknya dengan date object.

Waktu yang ditampilkan dengan Date object bersifat static dan bukannya dinamic. Sehingga ketika sebuah waktu ditampilkan kepada visitor maka waktu tersebut tidak berganti.

One Response to “Date Method JavaScript”

  1. Gerdotaway says:

    buy viagra by paypal Viagra Coupons order viagra phone
    viagra buy durban – buy viagra york – cheap viagra generic 100mg
    where can i buy viagra in manila – where to buy viagra from – buy viagra online from canada
    cheap viagra or cialis – is it safe to order viagra online – viagra sale northern ireland

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>