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

我有一些可以加载的模态,每个模态都有一个datepicker输入字段(myDate)

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

当我单击下一个日期选择器输入时,输入字段值中没有日期,但选择的上一个日期以蓝色突出显示 . 我已经使用下面的代码(在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'类上设置一个点击处理程序但是这不能按预期工作 .

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