如何设置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. 将此行添加到app/assets/stylesheets/application.css

   *= require bootstrap-datepicker
   

4. 将此行添加到app/assets/javascripts/application.js

   //= require bootstrap-datepicker
   

5. 将此行添加到app/assets/javascripts/controllername.js.coffee

   $('.datepicker').datepicker()
   

6. 最后在视图中使用:)

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

但它不起作用!! 有人有它上班吗？它应该工作得很好,如下所示:http:
//jsfiddle.net/2Gg5k/43/

Answer 1

查看步骤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 gemdatetime

Answer 2

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()