Datepicker 如何设置引导日期选择器轨道？

有人知道如何设置gem引导日期选择器轨道吗？我基本上遵循了以下步骤：

我安装了twitter引导程序railsgem

我将其添加到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()

最后在视图中使用：）

但是它不起作用！！有人用过吗？它应该工作得很好，如图所示：

在视图中，尝试以下操作：
'日期选择器'>

在application.js中，使用：
$（文档）.on（“焦点”，“[data Behavior~='datepicker']”，函数（e）{
$（this）.datepicker（{“格式”：“yyyy-mm-dd”，“weekStart”：1，“autoclose”：true}）
});
而不是
$（'.datepicker'）.datepicker（）

我也这么做了，但我更改了代码：

$（'.datapicker'）.datapicker（）

根据该守则：

$（'[data Behavior~=datepicker]'）。datepicker（）

我尝试使用类“datapicker”，但未找到

这是我的例子，我用HAML和coffeescript

events.js.coffe

$->

$（'[data Behavior~=datepicker]'）。datepicker（）

_哈姆表格

=simple_form_for@event，：html=>{:class=>“form horizontal well”}do|f|

.字段（相同）

.形式行动

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

---

查看步骤5和步骤6，您的选择类

.datepicker

在javascript中，但不在

输入字段中

试试这个

关于视图（例如表单）

“日期选择器”%>
$（'[data Behavior~=datepicker]'）。datepicker（）；

或作为组件：

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

'datepicker'，：disabled=>'disable'>
$（'.datepicker'）.datepicker（）；

例如，如果属性使用

date

类型。

---

您可以使用gem，如果使用

datetime

type

的属性存在相同的问题，您找到解决方案了吗？我一直得到一个没有定义datepicker的未捕获豁免。对于类似“3”的rails文本字段标记，数据：{behavior:“datepicker”}，：value=>Time.now.strftime（“%Y-%m-%d”），：id=>“datepicker”%>

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

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

<%= 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>