twitter-bootstrap – 在点击时打开eternicode datepicker,而不

在当前版本的库中,没有官方支持您想要做的事情.文档列出了 all the kinds of markup you can instantiate a datepicker on以及产生的行为.很明显,在< input>上实例化一个日期选择器时元件,

focusing the input (clicking or tabbing into it) will show the picker.

没有标记你可以实例化一个日期选择器,这将很容易地给你你想要的东西.也没有任何configuration options允许您选择哪些事件将触发日期选择器出现.

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

最简单的方法是在< input>上实例化datepicker.像往常一样,但随后摆脱焦点处理程序并用点击处理程序替换它：

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

这适用于最新版本的库,如http://jsfiddle.net/E4K56/1/所示

如果您想要触发日期选择器外观的额外元素(如日历按钮),您可以类似地将处理程序附加到它们：

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