javascript - 当我单击日期两次时，bootstrap datepicker 无效日期问题？

Question

我正在使用 Bootstrap 日期选择器，但在特定情况下遇到了无效日期问题。如果我点击今天的日期，它工作正常，但当我再次点击相同的日期时，它会出现无效日期问题。

所有日期都是如此，因为我在其他插件中找不到这个问题。

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 example

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);

  });