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。