如何初始化Twitter引导程序表单助手日期选择器


How to initialize Twitter bootstrap form-helper datepicker

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

编辑:

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

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

这就是我目前初始化的方式(不工作)

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

代码中的一切都很好。既然你提到datepicker.js embeded,我就谈谈我的想法。

datepicker.js不需要单独嵌入,因为bootstrap-formhelpers.min.js会处理它(这是bfh的特殊性)。

以下文件是Twitter引导程序表单助手所需的。

  1. bootstrap.min.cssv3.0.0
  2. mhelpers.min.css引导程序
  3. jQuery库v1.10.2
  4. bootstrap.min.jsv3.0.0
  5. 用于mhelpers.min.js的引导程序

查看其在JSFiddle中的工作

以下是将包含的内容的官方参考?

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