Попытка установить JQuery Datetime Picker, и он не отображается правильно

Question

Я пытаюсь использовать найденный указатель даты и времени jQuery UI здесь .Я помещаю файл jquery-ui-timepicker-addon.js в vender / assets / javascripts и помещаю jquery-ui-timepicker-addon.css в vendor / assets / stylesheets.Мой файл application.js выглядит следующим образом:

//= require modernizr-2.0.6.min
//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require jquery-ui-timepicker-addon.js

А мой application.css выглядит следующим образом:

/*
 *= require application_top
 *= require jquery-ui-timepicker-addon.css
 *= require application_bottom
*/

Кажется, что работает JavaScript, но вместо того, чтобы выглядеть так, как онв этом примере не применяются стили, а ползунки часов / минут не отображаются.Я добавил это в нижней части окна просмотра с помощью выбора даты и времени:

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

Что я делаю не так?

Answer 1

Удалите .css из application.css

/*  
*= require application_top  
*= require jquery-ui-timepicker-addon
*= require application_bottom 
*/

ИЛИ

загрузите стили в application.html.erb

<% = стилей 'application', 'jquery-ui-timepicker-addon '>