使 eternicode datepicker 在点击时打开，而不是焦点打开

The eternicode Twitter 引导程序日期选择器 https://github.com/eternicode/bootstrap-datepicker一旦出现<input>它附加到的字段获取focus，正如您通过按 Tab 键切换到日期选择器字段可以看到的那样.

相反，我希望它只在以下时间打开click。理想情况下，单击日历图标即可弹出日期选择器。

如何防止它在焦点上弹出？

在该库的当前版本中，没有对您想要执行的操作的官方支持。文档列表您可以实例化日期选择器的所有类型的标记 http://bootstrap-datepicker.readthedocs.org/en/latest/markup.html以及由此产生的行为是什么。很明显，在实例化日期选择器时<input>元素，

聚焦输入（单击或按 Tab 键进入输入）将显示选择器。

没有任何标记可以实例化日期选择器，它可以轻松地为您提供您想要的东西。也没有任何配置选项 http://bootstrap-datepicker.readthedocs.org/en/latest/options.html让您选择哪些事件将触发日期选择器出现。

因此，要做你想做的事将需要对库进行一些逆向工程。幸运的是，这很容易。

最简单的方法是实例化日期选择器<input>像平常一样，但然后摆脱focus处理我们自己并将其替换为click处理程序：

$('#my-input').datepicker()
              .off('focus')
              .click(function () {
                  $(this).datepicker('show');
              });

这非常适合最新版本的库，如下所示http://jsfiddle.net/E4K56/1/ http://jsfiddle.net/E4K56/1/

如果您想要有额外的元素（如日历按钮）来触发日期选择器的外观，您可以类似地向它们附加处理程序：

$('#some-button').click(function () {
    $('#my-input').datepicker('show');
});