Question

我在我的应用程序（http://bootstrap-datepicker.readthedocs.io/en/latest/index.html）

上使用bootstrap datepicker

我有很多可以加载的模态，每个模态都有一个datepicker输入字段（myDate）

当我第一次点击日期选择器输入字段时没有按预期突出显示日期。当我选择日期然后单击关闭输入字段然后再次单击它时，所选日期将按预期突出显示。

当我单击下一个datepicker输入时，输入字段值中没有日期，但所选的上一个日期将以蓝色突出显示。我已经使用下面的代码（在show中）修复了这个问题，该事件在显示选择器时被触发。

$('#myDate').datepicker({
    format: "dd/mm/yyyy",
    endDate: "0d",
    autoclose: true,
    todayHighlight: true
}).on('show', function (ev) {
    var dateValue = $('#myDate').val();
    if (dateValue === '') {
        $('.day.active').removeClass('active');
    } else {
        $('#myDate').datepicker('update', dateValue);
    }
});

因此，如果日期值为空，则删除蓝色活动类。如果日期输入字段具有值，则将其设置为该值。我遇到的问题是，当它有一个值时 - 如果用户使用箭头尝试移动到prev或下个月，则'show'事件被触发，然后无意中将日期设置回到的日期输入字段，因此用户无法前后移动以选择不同的日期。

我试图在'prev'和'next'类上设置一个点击处理程序，但是这不能按预期工作。

任何人对如何处理这个有任何想法？

bootstrap datepicker突出显示错误的日期

0 个答案: