2013-11-29 40 views
1

我一直在尋找如何初始化datepicker twitter引導窗體助手的互聯網,但我似乎無法找到它的教程。我已經嵌入了datepicker.js,但我不知道如何將js初始化爲我想要的文本框。我如何初始化datepicker插件?如何初始化Twitter引導窗體助手datepicker

編輯:

我已經添加了文本框,我的日期選擇:

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

這是我當前如何對其進行初始化(不工作)在

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

回答

0

你的一切代碼很好。既然你提到了關於datepicker.js embeded我正在給我的想法。

無需單獨嵌入datepicker.js,因爲bootstrap-formhelpers.min.js會照顧它(即bfh的特長)。

以下文件需要Twitter引導幫助程序

  1. bootstrap.min.css V3.0.0
  2. 引導-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 
一個官方參考