6

したがって、「date-select」を使用するフォームがあります。これは、使用されるdate-select(年、月、日)ごとに3つの選択ボックスをレンダリングします。

代わりに、datepickerを使用したいので、ここの手順に従いました。ただし、ビューのフォームに実際に日付ピッカーを実装する方法がわかりません。

私はapplication.jsで次の行を使用しています...

$('.datepicker').datepicker()

...だから私は選択ボックスにクラス.datepickerを与える必要があると思いますか?

<%= form_for @project do |f| %>
    <div class="text_field">
        <%= f.label :title%>
        <%= f.text_field :title%>
    </div>
    <div class="text_field">
        <%= f.label :description%>
        <%= f.text_field :description%>
    </div>
    <div class="dropdown">
        <%= f.label :start_date%>
        <%= date_select :start_date, :startdate %>
    </div>
    <div class="dropdown">
        <%= f.label :end_date%>
        <%= date_select :end_date, :enddate%>
    </div>
    <div class="select">
        <%= f.label :title%>
    </div>
    <div class="submit">
        <%= f.submit "Spara" %>
    </div>
<% end %>
4

1 に答える 1

10

試す :

<%= date_select :start_date, :startdate , :class => 'datepicker' %>

編集:私はあなたのコードを私のマシンに複製し、起こりうる間違いを見つけました:

このgemは、ではなくテキストフィールドで日付を選択しますdate-select 。入力はtext_field次のようになります。次のようになります。

<%= f.text_field :date, :class => 'datepicker' %>

gemのインストールガイドで説明されているように、requireとの両方で必ず確認する必要がapplication.cssありますapplication.js。もう1つの重要なこと:次のprojects.js.coffeeように、DOMがロードされていることを確認してください:

jQuery ->
  $('.datepicker').datepicker()
于 2013-02-05T16:37:58.090 に答える