Jquery UI Datepicker 不适用于引导程序和 Firefox答案

【问题标题】：Jquery UI Datepicker not working with bootstrap and FirefoxJquery UI Datepicker 不适用于引导程序和 Firefox
【发布时间】：2013-09-04 08:18:03
【问题描述】：

我有一个 jquery ui datepicker，其中 changeMonth 和 changeYear 在引导模式中设置为 True。在模态 div 上，我有一个属性“tabindex='-1'”。这在 Chrome、IE 中运行良好。但在 Firefox 中则不行。如果我删除 tabindex，它可以在 FF 中使用。如果可能的话，我想保留 tabindex 属性，有什么想法吗？

编辑：我知道 tabindex 不是用于 div 但这是在 twitter 引导文档中。

【问题讨论】：

你能提供一个关于jsfiddle的demo吗？
jsfiddle.net/LeH4Q/4

标签： jquery html jquery-ui twitter-bootstrap

【解决方案1】：

一种解决方案，将 ui-datepicker-div 附加到模态框。

$('#ui-datepicker-div').appendTo($('#modal'));

http://jsfiddle.net/LeH4Q/5/

【讨论】：

这很好用，前提是您只有一个日期选择器。如果您在单个页面上有一个在模态框内，另一个在模态框外，则只有模态框可以工作。