0

http://trentrichardson.com/examples/timepicker/プラグインを使用しようとしています。

私のgemfileには、次のものがあります（そして、gemがインストールされていることを確認しました）：

gem 'jquery-rails'

jquery-ui-timepicker-addon.js を app/assets/javascripts ディレクトリにダウンロードしました

app/assets/stylesheets/application.css.erb に CSS セクションを追加しました

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を定義したため、アタッチイベントを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 '
});
于 2012-08-24T17:15:32.557 に答える