Ruby on rails 3 SimpleForm&；Rails的引导日期时间选择器

我需要一个表格中的日期和时间日历。 我找到了gem，现在我正试图以下面的方式实现它，但它没有显示任何错误，也不起作用

步骤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\u rails:安装 第六步：我更改了如下表格：

<%= 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%>

但它没有显示任何错误，也不起作用。

---

请有人帮我解决这个问题。

当您的输入显示在页面上后，您可能需要实际调用

日期时间选择器

函数

你可以把它放在页面的最底部：

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

---

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

datetimepicker

。

我添加了$（'.datetimepicker'）.datetimepicker（{pickSeconds:false}）；另外，我在表单input中有datetimepicker类您的输入有类

datetime\u picker

，而不是

datetimepicker

。您可以更改输入上的类，或者将JS调整为target

.datetime\u picker

。我在application.JS中使用了//=require bootstrap datetimepicker。因此，不需要调用datetimepicker函数。我测试过了，它正在工作。但它只显示日期日历，而不显示时间日历。我认为gem文件有问题。建议我一些更好的宝石或插件来做这件事。

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