rails:使用jquery-ui-timepicker addon.js

Question

我正在尝试使用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" %>

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

Answer 1

试一试

$('#date_with_hours_and_minutes').datetimepicker(

你需要攻击id

更新

除此之外，我注意到您正在尝试使用dateFormat来处理时间，我想知道是否有必要改为使用timeFormat：

$('#date_with_hours_and_minutes').datetimepicker({
  dateFormat: 'yy.mm.dd',
  timeFormat: 'hh:mm'
});

Answer 2

使用下面的其中一种

将attach event更改为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 '
});