我点击日期两次时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

这不是问题。当您第一次单击时，它会在您再次单击同一日期时在输入上设置所选日期，以便取消选择该日期。