jQuery DateTimePicker未显示timepicker

jQuery DateTimePicker未显示timepicker,jquery,jquery-ui,datetimepicker,Jquery,Jquery Ui,Datetimepicker,使用Rails3.2(jQuery已经作为gem安装) 实际的日期选择器部分工作,但我没有看到时间选择器部分的滑块。它甚至不会出现在HTML中-不会出现在任何地方 在我的脑海里: <%= javascript_include_tag "jquery-ui.min.js" %> <%= javascript_include_tag "jquery-ui-timepicker-addon.js" %> <%= stylesheet_link_tag "jquery

使用Rails3.2(jQuery已经作为gem安装)

实际的日期选择器部分工作,但我没有看到时间选择器部分的滑块。它甚至不会出现在HTML中-
不会出现在任何地方

在我的脑海里:

<%= javascript_include_tag "jquery-ui.min.js" %>
<%= javascript_include_tag "jquery-ui-timepicker-addon.js" %>
<%= stylesheet_link_tag    "jquery-ui.css" %>
timepicker-addon.css

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

在呈现的HTML中,输入上没有类名,只有timepicker添加的类名。我有最新的jquery-ui.js文件和timepicker-addon.js文件。我也尝试过将jquery-ui-sliderAccess.js添加到头部。

jquery 1.9显然不支持您使用的datetimepicker版本。不要总是以最新版本的jQuery为目标,你应该使用
jQuery ui rails
gem,它包含一个早期的、静态版本的jQuery,能够支持datetimepicker插件。

你正在使用的datetimepicker版本显然不受jQuery 1.9的支持。不要总是以最新版本的jQuery为目标,你应该使用
jQuery ui rails
gem,它包括一个早期的、静态版本的jQuery,能够支持datetimepicker插件。

我不认为datetimepicker(假设是这个:)与jQuery1.9I兼容实际上我刚刚遇到了“jQueryUIRails”gem,它似乎已经解决了我的问题。我认为datetimepicker(假设是这个:)与jQuery1.9I不兼容,实际上我刚刚遇到了“jQueryUIRails”gem,它似乎已经解决了我的问题。
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }