JQuery Daterangepicker onchange 事件

Question

我能找到的所有答案都是针对 Datepicker 的，但它的工作原理并不相同！

如果我使用键盘而不是 bootstrap 界面修改值，它只会触发 onChange() 事件。

我已经测试了显示的所有内容 here

我的代码：

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

有人能找到解决办法吗？我不介意触发事件，即使更改的值与之前相同！

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

希望对你有用！！

Answer 2

<script type="text/javascript">
   $(function() {
      $('#reservation').daterangepicker({
         //singleDatePicker: true,
         //showDropdowns: true
      }, 
     function() {
        let date = $(".drp-selected").text()
        console.log(date)
    });
  });
</script>

JQuery Daterangepicker onchange 事件

JQuery Daterangepicker onchange event

javascript

jquery

html

date

date-range