当我单击两次日期时，Bootstrap DatePicker无效的日期问题

Question

我正在使用bootstrap datepicker，在特定情况下我的日期问题无效。如果我今天单击日期，它可以正常工作，但是当我再次单击同一日期时，它会发出无效的日期问题。

所有日期都一样，因为我看到了其他找不到此问题的插件。

html： <input id="dp1" type="text" class="form-control input-sm" placeholder="Data CheckIn">

javaScript：

$("#dp1").datepicker({
    format: "mm-dd-yyyy",
    viewMode: 'days',
    todayHighlight: true 
}).on('changeDate', function (ev) {
    var a = $('#dp1').datepicker('getDate');
    $(this).datepicker('hide');
    alert(a);
});

jsfiddle示例

Answer 1

var currentDate;
$('#dp1').datepicker({
    format: "mm-dd-yyyy",
    viewMode: 'days',
    todayHighlight: true
    // currently picked date
  }).on('show', function() {
    currentDate = $(this).val();
  })
  // if no date picked replace with previous date
  .on('changeDate', function(ev) {
    if ($(this).val() === '' || $(this).val() === null) {
      $(this).val(currentDate).datepicker('update');
    }
    var a = $('#dp1').datepicker('getDate');
    $(this).datepicker('hide');
    alert(a);
  });

Answer 2

在一天的努力之后，我通过对插件进行一些更改来解决问题。

在bootstrap-datepicker.js方法_toggle_multidate行号1024已评论。

else if (ix !== -1)
{
    //this.dates.remove(ix);
}

它将像魅力一样工作。我希望这可以有所帮助。

请尝试让我知道这种情况是否解决了您的问题谢谢

Answer 3

您可以使用委托，它确实可以正常工作

$("body").delegate('.date' ,'focusin', function() {
     $(this).datepicker({
         autoclose: true,
         viewMode: 'days',
         todayHighlight: true
     });
});

Answer 4

这不是问题。当您再次单击同一日期时，单击首次单击输入时，它将选择该日期。

<</p>