Just Share Information and Experience

Sunday 9 December 2018

Mencari Selisih Tanggal dengan Moment.js

Mencari Selisih Tanggal dengan Moment,js


Sesuai dengan judul artikel ini, tutorial yang akan kita bahasa yaitu cara mencari selisih tanggal menggunkana library moment.js. Mungkin dari beberapa pembaca blog ini ada yang sudah menggunakan library ini ataupun menggunakan perhitungan manual untuk mendapatkan nilai selisih diantara dua tanggal. Nah dalam artikel ini saya juga akan mencari selisih secara berkelanjutan seperti misalnya :

tanggal awal : 10/10/2018
tanggal sekarang : 09/12/2018

maka nilai yang akan kita cari adalah : 0 years, 1 months, 29 days

Ok, sebelum memulai silahkan kalian download terlebih dahulu library Jquery dan moment.js, setelah itu silahkan copy script di bawah ini, dan jalankan pada browser masing masing..

$(document).ready(function(){
  //definisikan tanggal awal dan dan tanggal sekarang
  var tanggal_awal = '04/10/2017';
  var tanggal_sekarang = moment().format('DD/MM/YYYY');
 
  //rubah fortmat tanggal ke moment
  var tanggal_awal_moment = moment(tanggal_awal,'DD/MM/YYYY');
  var tanggal_sekarang_moment = moment(tanggal_sekarang,'DD/MM/YYYY');
 
  //mencari selisih per tahun, per bulan dan per hari
  var selisih_tahun = tanggal_sekarang_moment.diff(tanggal_awal_moment,'years');
  var selisih_bulan = tanggal_sekarang_moment.diff(tanggal_awal_moment,'months');
  var selisih_hari = tanggal_sekarang_moment.diff(tanggal_awal_moment,'days');
 
  //mencari selisih bertahap dari selisih tahun, berlanjut ke selisih bulan dan terakhir ke selisih hari
  var date_add_tahun =  tanggal_awal_moment.add(selisih_tahun,'years');
  var new_selisih_bulan = tanggal_sekarang_moment.diff(date_add_tahun,'months');
  var date_add_bulan =  date_add_tahun.add(new_selisih_bulan,'months');
  var new_selisih_hari = tanggal_sekarang_moment.diff(date_add_bulan,'days');
  var beda_tanggal = selisih_tahun+' years, '+new_selisih_bulan+' months, '+new_selisih_hari+' days';
 
  //tampilkan hasil ke dalam console
  console.log('tanggal awal : '+tanggal_awal);
  console.log('tanggal sekarang : '+tanggal_sekarang);
  console.log('selisih tahun : '+selisih_tahun);
  console.log('selisih bulan : '+selisih_bulan);
  console.log('selisih hari : '+selisih_hari);
  console.log('beda tanggal : '+beda_tanggal);
 
 });

Dari script diatas saya mencontohkan tanggal awal yaitu : 04/10/2017, dan tanggal sekarang saya buat sesuai dengan tanggal pembuatan artikel ini yaitu : 09/12/2018. Nah silahkan kalian ganti parameter tanggal ini untuk melihat hasilnya.

Untuk sisanya tinggal di ikuti script di atas, dan jika masih ada yang belum dipahami silahkan tinggalkan komentar di bawah ya...

No comments:

Post a Comment