twitter-bootstrap – 在bootstrap-modal中的datepicker中的月份

发布时间：2020-12-17 21:22:20 所属栏目：安全来源：网络整理

导读：如果日期选择器中的月份选择在引导模式中,则它在FireFox中不起作用. button class="btn" id="btn"Click Me/buttondiv class="modal hide" id="modal" tabindex="-1" div class="modal-body" input type="text" id="datepicker" / /div/div JavaScript的： $(

如果日期选择器中的月份选择在引导模式中,则它在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

解决方法

我发现了这个bug的两个修复：

修复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?()?{?};
});

我认为第二个是最好的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!