0

日付と時刻のカレンダーが必要です。私はgem datetimepicker-railsを見つけました。今、私はそれを以下のように実装しようとしていますが、エラーは表示されておらず、機能していません。

ステップ1：Gemfileにgemを追加、ステップ2：バンドルインストール、ステップ3：以下のようにapplication.cssファイルに以下の行を追加、

 *= require_self
 *= require jquery.ui.all
 *= require bootstrap-datetimepicker
 *= require_tree ./vendor/

ステップ4：以下のようなapplication.jsファイルに行を追加し、

//= require jquery
//= require jquery_ujs
//= require jquery.ui.all
//= require bootstrap-datetimepicker
//= require_tree ./vendor/
//= require_tree ./launchpad/
//= require_tree .

ステップ 5: 次のコマンドを使用して入力ファイルを生成しました: $ rails generate datetimepicker_rails:install ステップ 6: 以下のようにフォームを変更しました:

<%= simple_form_for [current_user, @task], html: {class: 'form-vertical', role: "form"} do |f| %>
  <%= f.error_notification %>
  <%= f.input :requested_pickup_dt, as: :datetime_picker %>
  <%= f.button :submit %>
<%end%>

しかし、エラーも表示されず、機能していません。誰かがこの問題を解決するのを手伝ってください。

4

1 に答える 1

1

入力がページに表示された後、実際に関数を呼び出す必要がある場合がありdatetimepickerます。

これをページの一番下に置くことができます：

<script type="text/javascript">
    $('.datetimepicker').datetimepicker({});
</script>

または、jQuery の ready 関数を使用して、ドキュメントの準備ができるまで init を遅らせることもできます。

$(function() {
  $('.datetimepicker').datetimepicker({});
});

生成されたソースを再確認し、入力がdatetimepickerclass 属性に含まれていることを確認してください。

于 2013-10-12T03:44:30.173 に答える