在Rails脚手架窗体中使用Bootstrap DatePicker

时间:2017-05-25 18:46:32

标签: ruby-on-rails datepicker

我从脚手架模型中获得了一个自动生成的表单,而在new.html.erb中,我无法将DatePicker选项添加到我的日期字段(有效日期)。脚手架不会生成表单字段;它只是:

应用程序/视图/文件/ new.html.erb:

<div class="row">
  <div class="col-md-6 col-md-offset-3">
    <%= render 'form', document: @document %>
        ** no fields here to customize **
    </div>
    <input type="text" id="TestDate" data-provide='datepicker' >
</div>

型号:

create_table "documents", force: true do |t|
    t.string    "docname"
    t.string    "description"
    t.string    "doctype"
    t.boolean   "renewal"
    t.date      "effective_date"
    t.date      "expiration_date"
    t.timestamp "created_at"
    t.timestamp "updated_at"
  end

TestDate确实有用。

提前致谢!

2 个答案:

答案 0 :(得分:1)

嗨,你有没有正确地按照步骤? 关注documentation。 或者更准确地说是按照以下步骤操作:

1在Gemfile中包含bootstrap-datepicker-rails;

gem 'bootstrap-datepicker-rails'

2将此行添加到app / assets / stylesheets / application.css

 *= require bootstrap-datepicker
 # Or if using bootstrap v3:
 *= require bootstrap-datepicker3

3将此行添加到app / assets / javascripts / application.js

//= require bootstrap-datepicker

4像这样使用

<input type="text" data-provide='datepicker>

答案 1 :(得分:0)

从上面的评论中,我在documents / _form.html.erb中添加了我的代码行:

<div class="field">
    <%= f.label :effectiveDate %>
     <input type="text" name="effectiveDate" id="effectiveDate" data-provide='datepicker'
  </div>

我拿出了定义effectiveDate的行,并将其替换为datepicker行。