JQuery Daterangepicker onchange事件 [英] JQuery Daterangepicker onchange event

问题描述

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

如果我使用键盘而不是引导界面修改值，它只会触发onChange（）事件。 p>我已经测试了所有显示此处

我的代码：

JAVASCRIPT

  $ （函数（）{
 //日期范围选择器
 $（'＃reservation'）。daterangepicker（{
 onSelect：function（）{
 $（this）.change ）; 
} 
}）; 
}）; 
 $ b $（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

 <！ - 日期范围 - > 
< 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 =textclass =form-control pull-rightid =reservationonchange =/> 
< / div><！ -  /.input group  - > 
< / div><！ -  /.form group  - > 
  

任何人都可以找到解决方案吗？我不介意触发事件，即使变化值与以前相同！

解决方案

您可以试试这个：

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

我希望它适合您!!

All the answers I could find are for Datepicker and it doesn't work the same!

It only fires an onChange() event if I modify the value with the keyboard and not the bootstrap interface.

I've tested everything showed here

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

Anyone can find a solution please? I don't mind to trigger the event even if the change is the same value as before!

解决方案

You can try with this:

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

I hope it will work for you!!

这篇关于JQuery Daterangepicker onchange事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！