2017-06-14 98 views
0

私が見つけることができたすべての答えはDatepickerのものであり、同じことをしません!JQuery Daterangepicker onchangeイベント

ブートストラップインターフェイスではなくキーボードで値を変更すると、onChange()イベントが発生します。

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 --> 

誰も解決策を見つけることができますしてください。

私がテストしたすべてのものが

私のコードはhereを示しましたか?以前と同じ値に変更しても、イベントをトリガすることはできます。

答えて

1

あなたはこれを試すことができます:

<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> 

私はそれがあなたのために働くことを願っています!

+0

完璧に動作します!あなたは一週間どこにいましたか? xd –

+0

私は最近同じ問題に直面し、その後私はhttp://www.daterangepicker.com/からの解決策を得ました。お気軽に –

+0

ああ、前にそのサイトに行っていたはずです!確かに、この答えはスタックオーバーフローではなかった!ありがとう、もう一度男! –