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

使用以下之一

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

 $('.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 '
});