Bootstrap4 Datetimepicker在Rails 5.2.1中不起作用

时间:2018-11-13 17:39:56

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

我正在尝试使用bootstrap4中的datetimepicker函数,而我正在使用此gem datetimepicker。 这是我的宝石文件(部分)

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

我缺少什么?它应该像这样

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

1 个答案:

答案 0 :(得分:1)

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

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

//= require jquery-ui

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

    /* *= require jquery-ui */

  • jQuery

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