Javascript 如何在我的rails 4应用程序中添加计时器字段？

如何在rails应用程序中添加计时器字段

我在用这个

按照文档中的指示，我首先将其包含在我的GEM文件中：

gem 'bootstrap-timepicker-rails-addon'

然后，我运行了bundle安装，并在我的JS和CSS文件中包含了引导计时器，因此我的app/assets/javascripts/application.JS如下所示：

//
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-timepicker
//= require_tree .

我的app/assets/stylesheets/application.css.scss看起来像：

 *
 *= require bootstrap-timepicker
 *= require_tree .
 *= require_self
 */

最后，在我的观点中，我包括：

<script>
  $(function() {
    $('#timepicker').timepicker();
  });
</script>

并在我的一个表单字段中显示以下内容：

  <div class="field">
     <%= label_tag ("Time of Travel ") %><br>
     <%= text_field_tag :dot, nil, :id => "timepicker" %>
  </div>

---

在所有这些之后，我仍然无法让我的表单正确显示时间字段。我哪里出错了？

您是否在rails应用程序中安装了引导程序？ 此插件是引导用户的额外插件

这个gem似乎只支持Bootstrap 2.x，如果您使用的是Bootstrap 3，我建议您使用这个插件，我不知道是否有这样的gem，但您可以始终使用下载的源代码：

---

您尝试过了吗，或者希望问题解决了。不管怎么说，我遵循了工程师的指示，它似乎对我很有效。也许您应该检查是否安装了正确的引导版本，并且与不同版本的引导没有兼容性问题。同时检查您是否拨打了正确的id。

也欢迎您选择任何其他方式！浏览器控制台中有错误吗？没有…没有。浏览器控制台中运行此$'timepicker'。timepicker；请参见类型错误：未定义不是显示的函数错误