mardi 14 janvier 2020

Reset the datepicker for second datepicker based on first date picker-not working

**Reset the datepicker for second datepicker based on first date picker-not working**


    First date picker

-----------------
    {!!Form::text('tour_datefrom',null,['class'=>'form-control','data-dependent'=>'tour_dateto','id'=>'tour_datefrom','onkeypress'=>'isAlphaNumeric(event)','onpaste'=>'return false','onchange'=>'checkField(this,"date")','placeholder'=>'DD-MM-YYYY','maxlength'=>8])!!}   

Second date picker
-----------------

{!!Form::text('tour_dateto',null,['class'=>'form-control','id'=>'tour_dateto','onkeypress'=>'isAlphaNumeric(event)','onpaste'=>'return false','onchange'=>'checkField(this,"date")','placeholder'=>'DD-MM-YYYY','maxlength'=>8])!!} '

There are two date pickers. The value of the second date picker is based on the first one. If the we chooses any month on first date picker then the date picker automatically reset second date picker.

 <script type="text/javascript">
         $(function() {
      $("#tour_datefrom").datepicker({
       autoclose: true,
        minDate: 0,
       format: "dd-mm-yyyy",
        startDate : 'now',


        onSelect: function(date, datepicker) {
          let dependent= $(this).data('dependent');
          let thisDate = $(this).val();
          $(dependent).datepicker("option", "minDate", thisDate);
          $(dependent).datepicker('refresh');
        }
      });
      $('#tour_dateto').datepicker( {    
            format: 'dd-mm-yyyy',
            startDate:'+0d',
            autoclose: true,
            onSelect: function(date){           
              //validate date here   
            }
        });
    });
    </script>


from Newest questions tagged laravel-5 - Stack Overflow https://ift.tt/30neoXP
via IFTTT

Aucun commentaire:

Enregistrer un commentaire