首页 > 解决方案 > 日期时间选择器在 Rails 中不起作用 - Bootsrap4

问题描述

我正在寻找使用 bootstrap4 在 rails 中构建一个日期时间输入字段。切换显示但不展开,仅显示时钟图标。

我写了以下内容:

<div class='input-group date'>
         <span class="input-group-addon">
              <span class="fas fa-clock  fa-2x" style="color:#44B5EB"></span>
          </span><%= f.text_field (:start), :class => "form-control", id: 'datetimepickerA' %>

      </div>


<script type="text/javascript">

    $(function () {
        $('#datetimepickerA').datetimepicker({
            defaultDate: "<%= DateTime.now %>",
            format: "YYYY-MM-DD HH:mm:ss"
        });
    });
</script>

当我点击时钟时,它会展开,短暂显示日历,然后关闭以留下您可以看到的图像。

在此处输入图像描述

有谁知道这可能是什么原因?

我注意到了什么:

指定日期格式时->日历显示和工作(当然没有时间)

指定日期和时间格式时 -> 日历按图片显示。

未指定格式时 -> 日历按图片显示。

以下代码完美运行,但它完全是HTML. 我现在正在寻找将其转换为添加:start属性:

<div class="form-group">
            <div class="input-group date" id="datetimepicker8" data-target-input="nearest">
              <input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker8"/>
              <div class="input-group-append" data-target="#datetimepicker8" data-toggle="datetimepicker">
                <div class="input-group-text"><i class="fa fa-calendar"></i></div>
              </div>
            </div>
          </div>

标签: ruby-on-rails

解决方案


推荐阅读