jQuery UI datepicker, disable hari libur


jQuery UI datepicker memungkinkan kita untuk men-disable pilihan tanggal-tanggal tertentu. Untuk men-disable hari Sabtu dan Minggu, dapat menggunakan utility function $.datepicker.noWeekends

$("#datepicker").datepicker( { 
	beforeShowDay: $.datepicker.noWeekends 
});


Untuk men-disable hari lain, seperti tanggal 17 Agustus, Idul Fitri dan hari libur lainnya, kita menggunakan event beforeShowDay

$( function() {
    var holiday = [
        new Date(2011, 7, 17).getTime(),  // proklamasi 17 agustus
        new Date(2011, 7, 30).getTime(),  // 1 syawal 1432 H
        new Date(2011, 7, 31).getTime()   // 2 syawal 1432 H
    ];
    
    $("#datepicker").datepicker({
        minDate: "08/01/2011",
        maxDate: "08/31/2011",
        beforeShowDay: function(date) {
            var showDay = true;
            
            // disable hari minggu
            if (date.getDay() == 0) {
                showDay = false;
            }
            
            // disable hari libur
            /* menggunakan native indexOf
            if (holiday.indexOf(date.getTime()) > -1) {
                showDay = false;
            }
            */
            // menggunakan fungsi jquery inArray
            if ($.inArray(date.getTime(), holiday) > -1) {
                showDay = false;
            }
            
            return [showDay];
        }
    });
});

live demo

9 Responses to jQuery UI datepicker, disable hari libur

  1. rizal mengatakan:

    cara penggabungan disable hari minggu dan sabtu ke dalam script yg disable hari lain gmn?

    • tscf mengatakan:

      tinggal tambahin aja

      if (date.getDay() == 6) {
      showDay = false;
      }

      dateobject.getDay() di javascript:
      0 : minggu
      1 : senin
      2 : selasa
      3 : rabu
      4 : kamis
      5 : jumat
      6 : minggu

      http://jsfiddle.net/tsurahman/H8Hsn/1/
      πŸ™‚

  2. Restu Herwanto mengatakan:

    mas mau tanya, kalau untuk menentukan jumlah hari antara dua tanggal, tapi haru minggu dan minggu ga dihitung,.
    itu gmana caranya ?
    makasih ganπŸ™‚

    • tscf mengatakan:

      gan, jawabannya di sini ya https://tscf.wordpress.com/2012/09/28/jumlah-hari-diantara-dua-tanggal/
      πŸ™‚

  3. Ping-balik: Jumlah hari diantara dua tanggal « TS ColdFusion

  4. putut mengatakan:

    mas kalo datanya ngambil dari database gmana ya

  5. mahardian mengatakan:

    mas mau tanya, kalau untuk menentukan jumlah hari antara dua tanggal, tapi tanggal merah ga dihitung,.
    itu gmana caranya ?

  6. erly ardini mengatakan:

    mas kok saya pake kodingan mas, tetep bisa dipilih ya hari minggunya..

    • tscf mengatakan:

      kalo misalnya pake firebug, apa keliatan pesan errornya?

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: