为什么下一个按钮打开和关闭我的日历?

时间:2017-05-26 12:22:07

标签: jquery-ui calendar jquery-ui-datepicker

我在项目中使用两个日期选择器,开始日期和结束日期。 第一个使用 show 方法打开第二个日历。

我注意到第二个日历上的下一个按钮关闭并重新打开日历 我想避免这种“开放/重新开放”的问题。

我做错了什么?

HTML

<input id="startDate" type="text" /><br />
<input id="endDate" type="text" /><br />

的Javascript

$(function(){
    $('#startDate').datepicker({
        dateFormat: 'dd-mm-yy',
        onClose: function (dateText, inst) {
            $('#endDate').datepicker("show");
        }
    });

    $('#endDate').datepicker({
        dateFormat: 'dd-mm-yy'
    });

});

请检查我的代码:http://jsfiddle.net/8w8v9/3078/

1 个答案:

答案 0 :(得分:1)

我有一个肮脏的解决方案,我只能假设发生了什么:在完全关闭第一个之前显示“endDate”datepicker,这会产生一些冲突。

The JSFiddle

$(function() {

  $('#startDate').datepicker({
    dateFormat: 'dd-mm-yy',
    onClose: function(dateText, inst) {
      setTimeout(function() {
        $('#endDate').datepicker('show');
      }, 50);
    }
  });

  $('#endDate').datepicker({
    dateFormat: 'dd-mm-yy'
  });

});