rails：使用jquery-ui-timepicker-addon.js

我正在嘗試使用http://trentrichardson.com/examples/timepicker/插件。rails：使用jquery-ui-timepicker-addon.js

在我的Gemfile，我（我確信安裝了寶石）：

gem 'jquery-rails'

我下載的jQuery-UI-timepicker-addon.js到應用程序/資產/ JavaScript的目錄

我加入了CSS部分應用程序/資產/樣式表/ application.css.erb

我增加了以下內容的應用程序/資產/ JavaScript的/ application.js中：

//= require jquery 
//= require jquery_ujs 
//= require jquery-ui 
//= require jquery-ui-timepicker-addon 

$(
    function() { 
    $('.date_with_hours_and_minutes').datetimepicker(
     {dateFormat: 'yy-mm-dd hh:mm'} ) 
    } 
);

在我看來，我有：

<%= f.text_field :start_date_time, id: "date_with_hours_and_minutes" %>

我沒有得到任何錯誤，但我也不看日期時間選擇器。有任何想法嗎？

來源

2012-08-24 EastsideDeveloper

是'$（'。date_with_hours_and_minutes'）.. datetimepicker'在你的問題或你的代碼中的錯字？ – cjhveal

在問題中輸錯。我正在修復它，而你正在寫你的評論:-) – EastsideDeveloper

嘗試

$('#date_with_hours_and_minutes').datetimepicker(

你需要攻擊ID

更新

除了上述，我注意到你正在嘗試使用日期格式來處理的時候，我不知道如果有必要改爲時間格式：

$('#date_with_hours_and_minutes').datetimepicker({ 
    dateFormat: 'yy.mm.dd', 
    timeFormat: 'hh:mm' 
});

來源

2012-08-24 16:47:57 stephenmurdoch

一些進步。我現在正在看日曆，但我沒有看到時間選擇器。 – EastsideDeveloper

我更新了我的答案，也許它會幫助 – stephenmurdoch

我仍然沒有看到除日期選擇器以外的任何東西 – EastsideDeveloper

既可以使用以下

變化附加事件id: date_with_hours_and_minutes而不是階級一個因爲你已經在球場上定義的ID

$('.date_with_hours_and_minutes').datetimepicker({ 
     dateFormat: 'yy-mm-dd' 
    })

到

$('#date_with_hours_and_minutes').datetimepicker({ 
    dateFormat: 'yy-mm-dd' 
})

，或者如果您對視圖許多datetimepickers

給他們添加類

<%= f.text_field :start_date_time, class: "date_with_hours_and_minutes" %> 


$('.date_with_hours_and_minutes').datetimepicker({ 
     dateFormat: 'yy-mm-dd ' 
});

來源

2012-08-24 17:15:32 PriteshJ

我修正了class vs id的事情，但我仍然只看到日期選擇器。沒有時間選擇器的跡象。 – EastsideDeveloper

@Eastside開發者，它是否得到修復？ – PriteshJ

添加＃並保持ID修復它，但我仍然只看到日期選擇器（日曆小部件），但不是時間選擇器。 – EastsideDeveloper

rails：使用jquery-ui-timepicker-addon.js

回答

相關問題