如何初始化Twitter bootstrap form-helper datepicker

时间:2013-11-29 00:24:24

标签: javascript php twitter-bootstrap datepicker form-helpers

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

编辑:

我已添加了datepicker的文本框:

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

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

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

1 个答案:

答案 0 :(得分:0)

代码中的所有内容都很好。既然你提到了我datepicker.js embeded我的想法。

不需要单独嵌入datepicker.js,因为 bootstrap-formhelpers.min.js 会照顾它(bfh的专长)。

Twitter引导表格帮助需要以下文件。

  
      
  1. bootstrap.min.css v3.0.0
  2.   
  3. 自举-formhelpers.min.css
  4.   
  5. jQuery库 v1.10.2
  6.   
  7. bootstrap.min.js v3.0.0
  8.   
  9. 自举-formhelpers.min.js
  10.   

查看其在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