添加自舉日期選擇器，導軌形式

Question

date_select所以，我有一個使用「日期選擇」一種形式，它每用日期選擇（年，月，日）將使三種選擇框。

相反，我想使用日期選擇器，我已經按照說明操作here。但是，我不知道如何在視圖中的窗體中實際實現日期選擇器。

我使用的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 %> 

Answer 1

嘗試：

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

編輯：我複製你的代碼，我的機器上，發現可能的錯誤：

這種寶石選擇日期的文本字段，而不是在一個date-select 。輸入應該是text_field，它看起來像這樣：

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

如您application.css和application.js寶石的安裝指南中所述，您應該確保require它既。還有一件重要的事情：在你的projects.js.coffee確保DOM已加載，如下所示：

jQuery -> 
    $('.datepicker').datepicker()