所以,我有一个使用’date-select’的表单,每个使用的日期选择(年,月和日)呈现三个选择框.
相反,我想使用datepicker,并且我遵循了here的说明.但是,我不知道如何在视图中的表单中实际实现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 %>
解决方法
试试：
<%= date_select :start_date,:startdate,:class => 'datepicker' %>
此gem选择文本字段中的日期,而不是日期选择中的日期.输入应该是text_field,它看起来像这样：
<%= f.text_field :date,:class => 'datepicker' %>
如gem的安装指南中所述,您应该确保在application.css和application.js中都需要它.更重要的是：在您的projects.js.coffee中确保加载DOM,如下所示：
jQuery ->
$('.datepicker').datepicker()