Rails的SimpleForm＆Bootstrap DateTimepicker

Question

我需要在窗体中的日期和时间日历。 我发现宝石datetimepicker-rails，现在我试图实现，就像下面的方式，但它没有显示任何错误，也没有工作。

步骤1：我加入的Gemfile宝石， 步骤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：ⅰ生成使用下面的命令输入文件： $轨道生成datetimepicker_rails：安装 步骤6：我改变了形成Li柯以下：

<%= 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的准备功能延迟初始化，直到该文件已准备就绪：

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

你”我们希望仔细检查生成的源代码，并确保您的输入在类属性中有datetimepicker。