Bootstrap4 Datetimepicker 在 rails 5.2.1 中不工作
Bootstrap4 Datetimepicker not working in rails 5.2.1
我正在尝试使用 bootstrap4 中的 datetimepicker 函数,我正在使用这个 gem datetimepicker。
这是我的 gem 文件(部分)
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 中添加了要求并在 application.scss
中导入
请使用gem 'jquery-ui-rails'
。然后日期选择器将在您的应用程序中可用。
- 要要求所有 jQuery UI 模块,请将以下内容添加到您的 application.js
//= require jquery-ui
将 jQuery UI CSS 添加到您的 application.css
/*
*= require jquery-ui
*/
Jquery
$(function() {
$('.datepicker').datepicker();
});
我正在尝试使用 bootstrap4 中的 datetimepicker 函数,我正在使用这个 gem datetimepicker。 这是我的 gem 文件(部分)
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 中添加了要求并在 application.scss
中导入请使用gem 'jquery-ui-rails'
。然后日期选择器将在您的应用程序中可用。
- 要要求所有 jQuery UI 模块,请将以下内容添加到您的 application.js
//= require jquery-ui
将 jQuery UI CSS 添加到您的 application.css
/* *= require jquery-ui */
Jquery
$(function() { $('.datepicker').datepicker(); });