【问题标题】:Bootstrap4 Datetimepicker not working in rails 5.2.1Bootstrap4 Datetimepicker 在 Rails 5.2.1 中不起作用
【发布时间】:2019-04-16 14:55:22
【问题描述】:

我正在尝试使用 bootstrap4 中的 datetimepicker 函数,我正在使用这个 gem datetimepicker。 这是我的 gemfile(其中的一部分)

gem 'bootstrap', '~> 4.1.3'
gem 'jquery-rails'
gem 'responders'
gem 'bootstrap4-datetime-picker-rails'
gem 'mini_racer'
# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '~> 5.2.1'

这是简单的 html.erb 文件

<h1>Bets#show</h1>
<p>Find me in app/views/bets/show.html.erb</p>
<div class="datetimepicker1">
  <input name="prova" data-format="dd/MM/yy hh:mm"/>
</div>

这是咖啡文件

$(".datetimepicker1").datetimepicker

我错过了什么?它应该像这样工作

[编辑] 我还在 application.js 中添加了 require 并在 application.scss 中导入

【问题讨论】:

  • 确保在元素存在于 dom 之后对其进行初始化,因此在 html 末尾调用你的 js,或者在 $(document).ready 中调用它
  • 我使用的是turbolink,所以coffee文件已经包含了"$(document).on "turbolinks:load", ->"

标签: ruby-on-rails twitter-bootstrap bootstrap-4 bootstrap-datetimepicker


【解决方案1】:

请使用gem 'jquery-ui-rails'。然后日期选择器将在您的应用中可用。

  • 要要求所有 jQuery UI 模块,请将以下内容添加到您的 application.js

//= require jquery-ui

  • 将 jQuery UI CSS 添加到您的 application.css

    /* *= require jquery-ui */

  • jQuery

    $(function() { $('.datepicker').datepicker(); });

【讨论】:

  • 我需要一个带时间的datetimepicker,不知道jquey ui有没有
  • 请尝试使用 gem 'rails-assets-datetimepicker'
猜你喜欢
  • 1970-01-01
  • 2017-01-15
  • 2014-02-05
  • 1970-01-01
  • 1970-01-01
  • 2016-05-01
  • 2018-03-12
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多