ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript – jQuery Datepicker在下个月点击后打开两次(使用2个Datepickers)

2019-05-28 17:25:40  阅读:330  来源: 互联网

标签:jquery javascript button jquery-ui datepicker


我有一个网站,我使用两个日期选择器.第一个选择出发,第二个选择到达.

第二个datepicker由第一个的“onClose:”函数打开.

在此之前没有问题.当我在第二个日期选择器中点击下个月时,它就会出现.似乎,datepicker关闭了半秒钟,并在同一个月重新开放.之后我通常可以使用下个月的按钮.

我没有遇到问题.我对重现问题的最低要求做了一个小提琴,可以肯定的是,我的项目中没有其他代码产生问题.

有趣的事实:它在IE 10中运行良好,而在FF / Chrome中运行良好.

这是小提琴:http://jsfiddle.net/xe247evv/1/

<input type="text" value="1.1.1700" class="datepicker" id="datepickerFromDate2" readonly="readonly">
<input type="text" value="5.1.1700" class="datepicker" id="datepickerToDate2" readonly="readonly">

jQuery("#datepickerFromDate2").datepicker({
  onClose: function() {
      jQuery('#datepickerToDate2').datepicker('show');
  }
});
jQuery("#datepickerToDate2").datepicker();

重现它:

>单击左侧日期选择器并选择日期.
>在新打开的日期选择器中单击下个月的右箭头.
>你会看到一个错误.

有人可以帮我解决这个奇怪的行为吗?

解决方法:

好的,谢谢你的帮助Dave Salomon.但我有另一个解决方案的灵感来自TrueBlueAussie的回答,他可能因为小提琴中的js错误而删除了他的答案.

他提到了这个问题,两个datepicker都使用相同的“ui-datepicker-div”,这可能会导致问题.

我的解决方案是在第二个datepicker打开之前创建一个window.setTimeout.

看到新的小提琴:http://jsfiddle.net/xe247evv/6/

jQuery("#datepickerFromDate2").datepicker({
  onClose: function() {
      window.setTimeout(function(){
          jQuery('#datepickerToDate2').datepicker('show');
      }, 0);
  }
});
jQuery("#datepickerToDate2").datepicker();

标签:jquery,javascript,button,jquery-ui,datepicker
来源: https://codeday.me/bug/20190528/1172319.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有