Question

我需要一个日期和时间日历表格。我找到了宝石datetimepicker-rails，现在我试图像下面那样实现它，但它没有显示任何错误，也没有工作。

第1步：我在Gemfile中添加了gem，第2步：捆绑安装，第3步：在application.css文件中添加以下行，如下所示，

 *= require_self
 *= require jquery.ui.all
 *= require bootstrap-datetimepicker
 *= require_tree ./vendor/

第4步：在application.js文件中添加了如下所示的行，

//= require jquery
//= require jquery_ujs
//= require jquery.ui.all
//= require bootstrap-datetimepicker
//= require_tree ./vendor/
//= require_tree ./launchpad/
//= require_tree .

步骤5：我使用以下命令生成输入文件： $ rails生成datetimepicker_rails：install 第6步：我改变了下面的表格：

<%= simple_form_for [current_user, @task], html: {class: 'form-vertical', role: "form"} do |f| %>
  <%= f.error_notification %>
  <%= f.input :requested_pickup_dt, as: :datetime_picker %>
  <%= f.button :submit %>
<%end%>

但它没有显示任何错误也无法正常工作。请有人帮我解决这个问题。

Answer 1

在您输入页面后，您可能需要实际调用datetimepicker功能。

您可以将其放在页面的最底部：

<script type="text/javascript">
    $('.datetimepicker').datetimepicker({});
</script>

或者您可以使用jQuery ready函数来延迟init，直到文档准备就绪：

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

您需要仔细检查生成的来源，并确保您的输入在class属性中有datetimepicker。

SimpleForm＆amp; Rails的Bootstrap DateTimepicker

1 个答案: