twitter-bootstrap - Bootstrap 模式内的日期选择器中的月份选择在 Firefox 中不起作用

Question

如果日期选择器中的月份选择在 Bootstrap 模式中，则它在 FireFox 中不起作用。

<button class="btn" id="btn">Click Me</button>

<div class="modal hide" id="modal" tabindex="-1">
    <div class="modal-body">
        <input type="text" id="datepicker" />        
    </div>
</div>

JavaScript:

$("#datepicker").datepicker({"changeMonth": true});

$('#btn').click(function() {
    $("#modal").modal('show');
});

这是一个缩小的例子: http://jsfiddle.net/nKXF2/

我发现了一个类似的 twitter-bootstrap github 问题: https://github.com/twbs/bootstrap/issues/5979

Answer 1

我为这个错误找到了两个修复:

修复 1:如果您删除 div.modal 中的 tabindex attr，则月份选择工作正常。
我对这个解决方案的唯一问题是，在 IE(任何版本)上，您仍然需要双击月份下拉菜单才能打开它。

修复2:您可以在以下位置找到第二种解决方案:http://jsfiddle.net/nKXF2/1/通过覆盖 this question 中提出的 enforceFocus 函数此外，您可以让月份下拉菜单再次起作用。

$('#modal').on('show', function () {
    $.fn.modal.Constructor.prototype.enforceFocus = function () { };
});

我认为第二个是最好的。