datepicker - 如何设置 bootstrap-datepicker-rails？

Question

有人知道如何设置 gem bootstrap-datepicker-rails 吗？我按照 http://rubydoc.info/gems/bootstrap-datepicker-rails/0.6.21/frames 中的步骤操作， 基本上:

我设置 twitter-bootstrap-rails gem

我将此添加到 gemfile gem 'bootstrap-datepicker-rails', '>= 0.6.21'

将此行添加到 app/assets/stylesheets/application.css

*= require bootstrap-datepicker

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

//= require bootstrap-datepicker

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

$('.datepicker').datepicker()

最后在 View 中使用:)

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

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

Answer 1

看第5步和第6步，你的选择类.datepicker在javascript中但不在input field中

尝试这个

关于 View (例如表单)

<%= 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 gem，如果属性使用 datetime类型