0

我正在尝试使用http://trentrichardson.com/examples/timepicker/插件。

在我的 gemfile 中，我有（并且我确保安装了 gem）：

gem 'jquery-rails'

我将 jquery-ui-timepicker-addon.js 下载到 app/assets/javascripts 目录中

我将 CSS 部分添加到 app/assets/stylesheets/application.css.erb

我在 app/assets/javascript/application.js 中添加了以下内容：

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require jquery-ui-timepicker-addon

$(
  function() {
    $('.date_with_hours_and_minutes').datetimepicker(
      {dateFormat: 'yy-mm-dd hh:mm'}   )
  }
);

在我看来，我有：

<%= f.text_field :start_date_time, id: "date_with_hours_and_minutes" %>

我没有收到任何错误，但我也没有看到日期时间选择器。有任何想法吗？

4

2 回答 2

2

尝试

$('#date_with_hours_and_minutes').datetimepicker(

你需要攻击id

更新

除了上述之外，我注意到您正在尝试使用 dateFormat 来处理时间，我想知道是否需要 timeFormat 来代替：

$('#date_with_hours_and_minutes').datetimepicker({
  dateFormat: 'yy.mm.dd',
  timeFormat: 'hh:mm'
});
于 2012-08-24T16:47:57.193 回答
1

使用以下之一

将附加事件更改为id: date_with_hours_and_minutes而不是类，因为您在字段上定义了 id 

 $('.date_with_hours_and_minutes').datetimepicker({
      dateFormat: 'yy-mm-dd'
  })

到

$('#date_with_hours_and_minutes').datetimepicker({
  dateFormat: 'yy-mm-dd'
})

或者如果视图上有很多日期时间选择器

给他们上课

<%= f.text_field :start_date_time, class: "date_with_hours_and_minutes" %>


$('.date_with_hours_and_minutes').datetimepicker({
      dateFormat: 'yy-mm-dd '
});
于 2012-08-24T17:15:32.557 回答