datepicker不会触发onchange事件 [英] datepicker won't fire an onchange event

问题描述

我有两个输入日期字段，一个通过JQuery datepicker生成日期，第二个通过onblur或onchange事件从第一个输入中获取值，当我手动输入日期时，它工作正常，但一旦输入datepicker，它不会触发第二个输入

这里是我的Jquery代码：

 < script type =text / javascript> 
 $（function（）{
 var duration = 0; 
 $（'＃date1'）。datepicker（{minDate：+ 1，onSelect：function（selectedDate）{
 
 
 var date = $（this）.datepicker（'getDate'）; 
 
 date.setDate（date.getDate（）+ parseInt（duration））; //添加7天
 
 
}}）; 
 
}）; 
 
< / script> 
  

这里是输入的html代码：

 < input name =date1type =textid =date1onchange =document.zipad.date1_end.value = document.zipad.date1.value /> 
< / div> 
< div id =warning_moderation>< / div>< / td> 
< div id =mydate>< / div> 
< td>< div id =warning1>请允许24小时审核，然后您的广告将被发布< / div>< / td> 
< / tr> 
< tr> 
< td height =44>结束日期：< br /> 
< input name =date1_endtype =textid =date1_enddisabled =disabled/> 
  

解决方案

  $ '＃date1'）。datepicker（{minDate：+ 1，onSelect：function（selectedDate）{
 
 
 var date = $（this）.datepicker（'getDate'）; 
 
 date.setDate（date.getDate（）+ parseInt（duration））; //添加7天
 
 $（'＃date1'）。 
}}）; 
  

I have two input date field, one generates a date through JQuery datepicker, I wanr the second to take the value from the first input via onblur or onchange event, it works fine when I enter the date manually, but once entered through the datepicker, it won't fire the second input

here is my Jquery code:

 <script type="text/javascript">
  $(function () {
  var duration=0;
  $('#date1').datepicker({ minDate: +1,onSelect: function(selectedDate) {


        var date = $(this).datepicker('getDate');

        date.setDate(date.getDate() + parseInt(duration)); // Add 7 days


      }});

  });

  </script>

and here is the html code for the inputs:

   <input name="date1" type="text" id="date1"          onchange="document.zipad.date1_end.value=document.zipad.date1.value"  />
  </div>
    <div id="warning_moderation"></div></td>
  <div id="mydate"></div>
  <td><div id="warning1">Please allow 24 Hours for moderation before your ads will be published</div></td>
</tr>
<tr>
  <td height="44">Ending Date:<br/>
    <input  name="date1_end" type="text" id="date1_end" disabled="disabled"/>

解决方案

$('#date1').datepicker({ minDate: +1,onSelect: function(selectedDate) {


    var date = $(this).datepicker('getDate');

    date.setDate(date.getDate() + parseInt(duration)); // Add 7 days

    $('#date1').trigger('change');
  }});

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