Rails 4 x Bootstrap 3 Datetimepicker：用 datetimepicker 替换默认 datetime_select

Question

在我已经使用 Bootstrap 3 的 Rails 4 应用程序中，我刚刚添加了Datetimepicker by eonasdan。

我仔细按照here 和there 提供的说明安装插件。

这是我的设置：

宝石文件

gem 'momentjs-rails'
gem 'bootstrap3-datetimepicker-rails'

application.js

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require bootstrap
//= require bootstrap/dropdown
//= require moment
//= require bootstrap-datetimepicker
//= require turbolinks
//= require_tree .

application.scss

@import "bootstrap-sprockets";
@import "bootstrap";
@import 'bootstrap/theme';
@import 'bootstrap-datetimepicker';
@import "font-awesome-sprockets";
@import "font-awesome";
@import "simple_calendar";
@import "custom.scss";
@import "custom/**/*"

我确实已经重新启动了我的服务器。

现在，我正在尝试使用我的Posts#New 和Posts#Edit 视图表单中的插件来替换当前的datetime_select 字段：

<div class="field">
  <%= f.label :date, "DATE" %>
  <%= f.datetime_select :date %>
</div>

这是我第一次尝试后的位置：

<div class="form-group">
  <div class='input-group date' id='datetimepicker'>
    <%= f.label :date, "DATE & TIME" %>
      <%= f.text_field :date, :class => "form-control"%>
      <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
      </span>
  </div>
  <script type="text/javascript">
    $(function () {
      $('#datetimepicker').datetimepicker();
    });
  </script>
</div>

这在视图中为我提供了以下元素：

虽然设计远非完美，但就目前而言，这不是我关心的。

真正的问题是，当我创建一个帖子时，date 属性（这是一个datetime 数据类型）设置为nil，而不是在datetimepicker 中选择的值。

我在网上找了类似的情况，找到的最接近的是this Stack Overflow question。

不幸的是，它基于苗条的形式，我不知道如何将它们“翻译”成常规形式，以便在erb.html 文件中使用。

知道我的代码有什么问题吗？

————

更新：我找到了一种在创建帖子时实际上将日期保存到数据库的方法：

<div class="form-group" id="post_date_time">
      <%= f.label :date, "DATE & TIME" %>
      <div class='input-group date' id='datetimepicker'>
        <%= f.text_field :date, :class => "form-control"%>
          <span class="input-group-addon">
              <span class="glyphicon glyphicon-calendar"></span>
          </span>
      </div>
    </div>
    <script type="text/javascript">
      $(function () {
        $('#datetimepicker').datetimepicker();
      });
    </script>

但是，它似乎在编辑表单上无法正常工作，因为我没有在 datetimepicker 中填充帖子的日期。我在这里遗漏了什么吗？

————

Answer 1

要在编辑页面上填充日期时间，您可以在 javascript 设置中执行此操作：

<script type="text/javascript">
  $(function () {
    $('#datetimepicker').datetimepicker({
      defaultDate: "<%= @post.date %>",
      format: "YYYY-MM-DD hh:mm a Z"
    });
  });
</script>

我这里有工作代码：Github - Rails Datetimepicker Example