【问题标题】:Twitter Bootstrap Rails Datetime pickerTwitter Bootstrap Rails 日期时间选择器
【发布时间】:2013-05-11 18:57:07
【问题描述】:

我想在我的 rails 应用程序中包含以下日期时间选择器。

http://www.malot.fr/bootstrap-datetimepicker/

我正在使用 twitter bootstrap for rails,但无法正常工作。

我尝试将 .js 文件添加到 assets/javascripts 目录并使用 //= require 将其包含在 application.js 文件中。

文件正在页面上加载,但我收到的响应是

Uncaught TypeError: Object [object Object] has no method 'datetimepicker'

有什么想法吗?我已还原所有更改,因此可以从头开始。

应用程序.js

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require bootstrap
//= require_tree .

【问题讨论】:

  • 请显示application.js,以及启动日期时间选择器的js和html代码
  • 添加到上面。谢谢比利

标签: ruby-on-rails twitter-bootstrap twitter-bootstrap-rails


【解决方案1】:

我认为问题发生在//=require_tree。是的,您添加了该插件,但该插件是在您的自定义 js 之后加载的,该 js 具有调用该插件的方法。这就是为什么“对象没有方法'datetimepicker'”。

我建议你:

  1. 将插件移至vendor/assets/javascripts/。这是第三方库的更好地方。

  2. 在应用程序中明确要求插件,在引导之后(它取决于引导的下拉菜单。喜欢

    //= require bootstrap
    //= require datetime_picker_js_file_name
    //= require_tree .
    

旁注:

我不太明白为什么需要两个引导 js 文件。它们是重复的吗?

此外,我建议仅在需要时才需要 Bootstrap js 文件,例如

//= require bootstrap-dropdown
//= require bootstrap-alert

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-01-06
    • 2015-11-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多