Twitter bootstrap 始终显示引导日期选择器，而不仅仅是焦点

我正在使用引导数据采集器库创建一个日期采集器，让用户选择日期。我希望始终显示选择器，而不仅仅是当用户单击输入字段或按钮时

我该怎么做

---

我不使用这个日期选择器，所以我不熟悉它的用法。快速而肮脏的方法是给datepicker下拉菜单class a

.datepicker.CLASSNAME{display:block！important；}

。

---

这样，下拉列表将始终可见。

如果使用此日期选择器：

您可以看到有一个方法：.datepicker（'show'））

---

当您的$（document）.ready（）时，在datepicker对象上调用此函数。

首先，确保您正在使用当前为1.2.0的库。eyecon提供的文件记录非常糟糕，我不知道它是否能满足您的需求

有几种方法可以解决你的问题。使用您喜欢的选项：

创建一个，然后向其添加一个处理程序。您将需要类似于HTML的HTML

<input id="my-input">
<div id="my-datepicker"></div>

请注意，

e.format

是文档页面上记录的一种方便的方法，在此处调用时，将返回一个字符串，表示根据日期选择器的设置格式的选定日期

如果采用这种方法，则需要使用自己的CSS来适当定位日期选择器

下面是一个JSFIDLE演示了这一点：

使用一个普通的、在创建时显式显示的方法，然后将datepicker的

hide（）

方法替换为no op，这样它就永远不会被隐藏

不用说，这是一个丑陋的黑客，很可能在未来版本的库中停止工作。我不建议使用它。与内联块方法相比，它确实具有（值得怀疑的）优势，即它为您定位日期选择器，并包含一个箭头，将其连接到您的

，因此为了完整性，我将其包括在内

您将需要类似以下内容的HTML：

<input id="my-input">

下面是一个JSFIDLE演示了这种方法的实际应用：

---

至少对于OP正在使用的日期选择器中的一个，这会失败，因为默认情况下，单击关闭

会从DOM中删除日期选择器。。又快又脏，脏是因为它坏了。不太快，因为它不起作用。如果我错了，请原谅，但我很确定这将立即显示日期选择器，但仍然会导致相关

字段模糊时将其取消，而不是永久显示（这是OP的目标）。当然，您发布的内容与bootstrap datepicker不兼容。

<input id="my-input">

$input = $("#my-input");
$input.datepicker();
$input.data('datepicker').hide = function () {};
$input.datepicker('show');