ruby-on-rails – 在表单中添加bootstrap-datepicker-rails到dat

发布时间：2020-12-16 23:03:07 所属栏目：百科来源：网络整理

导读：所以,我有一个使用’date-select’的表单,每个使用的日期选择(年,月和日)呈现三个选择框. 相反,我想使用datepicker,并且我遵循了here的说明.但是,我不知道如何在视图中的表单中实际实现datepicker. 我在application.js中使用以下行… $('.datepicker').datep

所以,我有一个使用’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()

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!