Feature

Google+ Badge

Tuesday, November 20, 2012

jquery restrict datepicker - add minDate according to previous calendar





ini screenshoot salah satu halaman dari simpas-3.0
setelah berpusing-pusing ria dengan jquery akhirnya mendapat pencerahan buat date range agar tgl kembali tidak bisa memilih lebih kecil atau sama dengan tanggal pinjam. berikut scriptnya.

untuk jquery dan jquery-ui bisa download. search digoogle aj kalo belum tau.

<script>
     $(document).ready(function(){
       
$( "#tgl_pinjam" ).datepicker({
            dateFormat: "dd-mm-yy",
            onSelect: function (dateValue, inst) {
                var d = $.datepicker.parseDate('dd-mm-yy', dateValue);
                d.setDate(d.getDate() + 1); // Add three days
       
                $("#tgl_kembali").datepicker("option", "minDate", d)
            }
        });

       
       
$( "#tgl_kembali" ).datepicker({
            defaultDate: "+1d",
            dateFormat: "dd-mm-yy"
        });  
    });
</script>

asal pencerahan : http://stackoverflow.com/questions/6018990/jquery-datepicker-limit-mindate-according-to-previous-calendar