如何設置bootstrap-datepicker-rails？

Question

任何人都知道如何設置gem bootstrap-datepicker-rails？我跟着步驟http://rubydoc.info/gems/bootstrap-datepicker-rails/0.6.21/frames，基本上是：

1. 我設置twitter-bootstrap-rails寶石
2. 我補充這Gemfile中gem 'bootstrap-datepicker-rails', '>= 0.6.21'

3. 此行添加到應用程序/資產/樣式表/ application.css

   *= require bootstrap-datepicker 
   

4. 將此行增加到app/assets/javascripts/application.js

   //= require bootstrap-datepicker 
   

5. 此行添加到應用程序/資產/ Java腳本/ controllername.js.coffee

   $('.datepicker').datepicker() 
   

6. 鑑於:)

   <input type="text" data-behaviour='datepicker' > 
   

最後使用，但它不工作！任何人都有它的工作？它應該很好如下所示：
http://jsfiddle.net/2Gg5k/43/

Answer 1

In the view, try this: 
<div class="field"> 
    <%= f.label 'Trade Date: ' %> 
    <%= f.text_field :trade_date, 'data-behaviour' => 'datepicker' %><br /> 
</div> 
In your application.js, use: 
$(document).on("focus", "[data-behaviour~='datepicker']", function(e){ 
    $(this).datepicker({"format": "yyyy-mm-dd", "weekStart": 1, "autoclose": true}) 
}); 
instead of 
$('.datepicker').datepicker() 

Answer 2

我也一樣，但我更改代碼：

$（ 'datapicker'）datapciker（）

通過該代碼：

$（ '[數據行爲〜=日期選擇器]'）日期選擇器（ ）

我嘗試使用類'datapicker'，但未找到。

這是我的例子中，我使用的HAML和CoffeeScript的

events.js.coffe

$ - >

$（ '[數據行爲〜=日期選擇器]'） .datepicker（）

_form.haml

= simple_form_for @event，：html => {：class =>「form-horizo​​ntal well」} do | f |

點域（即相同）

= f.input :fecha, :input_html => { "data-behaviour" => "datepicker" } 

。表單操作

= f.button :submit, 'Create Event' ,:class => 'btn btn-success btn-large' 

Answer 3

請看第5步和第6步，你的選擇類.datepicker在JavaScript，但不是在input field

嘗試在意見本

（如表格）

<%= f.text_field :mydate, 'data-behaviour' => 'datepicker' %> 

<script type="text/javascript"> 
    $('[data-behaviour~=datepicker]').datepicker(); 
</script> 

或作爲組分：

<div class="input-append date datepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy"> 
    <%= f.text_field :mydate, 'data-behaviour' => 'datepicker', :disabled => 'disable' %><span class="add-on"><i class="icon-th"></i></span> 
</div> 

<script type="text/javascript"> 
    $('.datepicker').datepicker(); 
</script> 

示例首先如果使用date類型的屬性。 您可以使用bootstrap-datetimepicker-rails寶石，如果屬性使用datetime類型