JQuery Daterangepicker onchange événement

Question

Toutes les réponses que j'ai pu trouver sont pour Datepicker et ça ne fonctionne pas de la même façon!

Il déclenche uniquement un événement onChange() si je modifie la valeur avec le clavier et non l'interface d'amorçage.

J'ai tout montré testé here

Mon code:

JAVASCRIPT

  $(function() { 
       //Date range picker 
       $('#reservation').daterangepicker({ 
        onSelect: function() { 
         $(this).change(); 
        }      
       }); 
      }); 

      $(document).ready(function() { 
       $("#reservation").change(function() { 
        var date = $("#reservation").val(); 
        var replaced = date.split(' ').join('') 
        $("#partialtable").load('@(Url.Action("GetDateResults", "Temps", null, Request.Url.Scheme))?date=' + replaced); 
       }); 
      }); 

HTML

<!-- Date range --> 
      <div class="form-group"> 
       <label>Période:</label> 
       <div class="input-group"> 
        <div class="input-group-addon"> 
         <i class="fa fa-calendar"></i> 
        </div> 
        <input type="text" class="form-control pull-right" id="reservation" onchange=""/> 
       </div><!-- /.input group --> 
      </div><!-- /.form group --> 

Tout le monde peut trouver une solution s'il vous plaît? Cela ne me dérange pas de déclencher l'événement même si le changement est la même valeur qu'avant!

Answer 1

Vous pouvez essayer avec ceci:

<script type="text/javascript"> 
    $(function() { 
     $('#reservation').daterangepicker({ 
     //singleDatePicker: true, 
     //showDropdowns: true 
     }, 
    function() { 
     var date = $("#reservation").val(); 
     var replaced = date.split(' ').join('') 
     $("#partialtable").load('@(Url.Action("GetDateResults", "Temps", null, Request.Url.Scheme))?date=' + replaced); 
    }); 
    }); 
</script> 

J'espère que cela fonctionnera pour vous !!