Assalamualaikum Wr. Wb.

Kali ini saya akan menulis tentang cara memberi batas tanggal awal dan batas tanggal akhir pada datepicker bootstrap.

Example :
Kita ingin membuat sebuah inputan tanggal awal dan tanggal akhir dari sebuah event



dimana pada kasus tersebut Tgl Pendaftaran tidak boleh lebih dari Tgl Penutupan dan Tgl Penutupan tidak boleh kurang dari Tgl Pendaftaran. berikut source code dari java scriptnya :

    $(document).ready(function() {
         $(function(){
           var startDate = new Date();
           window.prettyPrint && prettyPrint();
           $('#awal').datepicker({
            startDate: 'd',
            endDate: '+3m',
            autoclose: true 
            }).on('changeDate', function(selected){
                startDate = new Date(selected.date.valueOf());
                $('#akhir').datepicker('setStartDate', startDate);
                $('#akhir').datepicker('setDate', startDate);
            });
            
          $('#akhir').datepicker({
                startDate: startDate,
                endDate: '+6m',
                autoclose: true
            }).on('changeDate', function(selected){
                FromEndDate = new Date(selected.date.valueOf());
                $('#awal').datepicker('setEndDate', FromEndDate);
            });
          });
      });

'#awal' pada source diatas merupakan id dari datepicker yang pertama dan '#akhir' merupakan id dari datepicker yang kedua.

startDate: 'd' maksudnya adalah memberikan awal tanggal sesuai tanggal sekarang.

endDate: '+3m' maksudnya adalah memberikan batas waktu tanggal 3 minggu semenjak tanggal sekarang.

Terima kasih,

0 komentar:

Posting Komentar

 
Top