ruby-on-rails - 日期时间选择器在 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 - 在 puma 和 resque 之间共享 ActiveRecord 池资源
- wordpress - 删除 IO 上的下拉选项
- r - 使用 Purrr 或 Furrr 进行过滤,并将字符向量传递给附加函数
- sql - 如何进行连接以获取前几天的值?
- c++ - OpenDDS 入门 - 创建在设备之间传输数据的文件
- multidimensional-array - 如何用ndarray将矩阵乘以视图?
- javascript - 如何从所有键都相同的数组中提取对象
- node.js - 无法从客户端上传文件到 nextcloud
- opencv - mingw32-make install "multiple target patterns" 安装opencv时出错
- excel - 我可以在函数中使用运算符进行查找/替换吗