【问题标题】:Datepicker won't Display日期选择器不会显示
【发布时间】:2013-05-20 16:51:40
【问题描述】:

我有一个使用 simple_form 的 Rails 项目,但我似乎无法让日期选择器工作(使用 Bootstrap Datepicker gem https://github.com/Nerian/bootstrap-datepicker-rails

我已经尝试了以下堆栈溢出帖子中的建议: How do i write a cleaner date picker input for SimpleForm Add datepicker with rails 3.2.11, simple_form and bootstrap Changes in the form are not saved to database

但是,到目前为止,它们都没有奏效。

这是我的代码:

在我看来,我有这个:

<%= f.input :start_date, :input_html => {data: {behaviour: "datepicker"}}, :as => :string %>

我已将以下内容添加到 Application.js

//= require bootstrap-datepicker

$(function() {
  $('input.datepicker').datepicker();
});

我已将以下内容添加到 Application.css

 *= require bootstrap-datepicker

我什至试过把js代码直接放在页面上,还是不行。

有什么想法吗?我被难住了。

谢谢

【问题讨论】:

  • 控制台日志是否显示任何 javascript 错误?网络选项卡是否显示资源已正确下载且不是 404?
  • 我在模型的第 1 行看到“Uncaught SyntaxError: Unexpected token ILLEGAL”。但是,这是默认内容,所以我不确定为什么会发生这种情况。所有 js 文件的状态都是“304 Not Modified”,除了 assets/bootstrap-datepicker/locales 是“(失败)”。我在这个项目中只处理英语。我需要为此做点什么吗?
  • 您应该先尝试删除 js 控制台的所有错误,因为这可能会中断您的 datepicker 代码的执行。
  • 清除缓存并重新加载,现在一切正常。日期选择器仍然无法正常工作

标签: ruby-on-rails twitter-bootstrap simple-form datepicker


【解决方案1】:

您分配日期选择器行为的函数搜索具有“日期选择器”类的输入。您的输入必须具有此类。

使用以下内容:

<%= f.input :start_date, :input_html => {class: 'datepicker', data: {behaviour: "datepicker"}}, :as => :string %>

【讨论】:

    猜你喜欢
    • 2023-03-08
    • 2023-03-03
    • 1970-01-01
    • 2012-11-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多