为什么DatePicker在隐藏后不会重新打开日历?

时间:2016-12-12 21:14:40

标签: jquery datepicker

  1. 点击按钮打开日历
  2. 关闭日历滚动或窗口调整大小以避免一些布局问题。
  3. 点击datePicker按钮,它不会显示日历。
  4. 我使用相同的方法在您点击控制区域外或自动隐藏时关闭日历。

     $(document).ready(function() {
    
      $('#example1').datepicker({
        format: "dd/mm/yyyy",
        autoclose: true
      });
    
      $('#example2').datepicker({
        format: "dd/mm/yyyy"
      }).on('change', function() {
        $('.datepicker').hide();
      });
    });
    
    window.addEventListener('resize', function(e) {
      $('#example2').datepicker("hide");
    }, true);
    

    jsFiddle

1 个答案:

答案 0 :(得分:0)

只要按钮具有焦点,就不允许再次单击以显示日历。添加模糊允许后续点击。

window.addEventListener('resize', function(e) {
  $('#example2').datepicker("hide");
  popup.trigger('blur');
}, true);