如何初始化 Twitter 引导表单助手 datepicker

Question

我一直在互联网上搜索如何初始化 datepicker twitter bootstrap 表单助手，但我似乎找不到它的教程。我已经嵌入了 datepicker.js，但我不知道如何将 js 初始化为我想要的文本框。如何初始化 datepicker 插件？

编辑：

我已经为我的日期选择器添加了文本框：

        <div class="bfh-datepicker">
        <input  id="datepickers" type="text" class="datepicker">
        </div>

这就是我目前正在初始化它的方式（不工作）

$('#datepickers').bfhdatepicker('toggle');

Answer 1

您的代码中的一切都很好。既然你提到了datepicker.js embeded，我正在发表我的想法。

datepicker.js 不需要单独嵌入，因为 bootstrap-formhelpers.min.js 会处理它（这是 bfh 的专长）。

Twitter 引导表单帮助程序需要以下文件。

1. bootstrap.min.css v3.0.0
2. bootstrap-formhelpers.min.css
3. jQuery 库 v1.10.2
4. bootstrap.min.js v3.0.0
5. bootstrap-formhelpers.min.js

在JSFiddle查看它的工作

这是来自whats to be included?的官方参考

BootstrapFormHelpers/
|--- dist/
|    |--- css/
|         |--- bootstrap-formhelpers.css
|         |--- bootstrap-formhelpers.min.css
|    |--- img/
|         |--- bootstrap-formhelpers-countries.flags.png
|         |--- bootstrap-formhelpers-currencies.flags.png
|         |--- bootstrap-formhelpers-googlefonts.png
|    |--- js/
|         |--- bootstrap-formhelpers.js
|         |--- bootstrap-formhelpers.min.js