JQuery Daterangepicker onchange 事件

Posted 2023-05-07

【中文标题】JQuery Daterangepicker onchange 事件

【英文标题】：JQuery Daterangepicker onchange event

【发布时间】：2017-11-17 02:33:59

【问题描述】：

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

如果我使用键盘而不是引导界面修改值，它只会触发 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 --> 

请问有人可以解决吗？即使更改的值与以前相同，我也不介意触发事件！

【参考方案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>

希望对你有用！！

【讨论】：

完美运行！！你一周去哪儿了？ xd

我最近遇到了同样的问题，然后我从daterangepicker.com得到了解决方案。谢谢

哦，好吧，之前应该上过那个网站！当然，这个答案之前不在堆栈溢出中！再次感谢伙计！

@J.Lavoie，很高兴解决您的问题。也谢谢您。

【参考方案2】：

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