jQuery DateTimePicker не показывает timepicker

Использование Rails 3.2 (jQuery уже установлен как драгоценный камень)

The actual datepicker part works but I don't see the sliders for the timepicker part. It doesn't even appear in the HTML - <div class="ui-timepicker-div"> doesn't show up anywhere!

In my head:

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

In my view:

$("#event_start_time,#event_end_time").each(function(index){
    $(this).datetimepicker({
    duration: 'fast',
    dateFormat: 'yy-m-dd',
    timeFormat: 'hh:mm tt',
    defaultTimezone: '-0500',
    stepMinute: 5,
    ampm: true
    });
});

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; }

In the rendered HTML there is no class name on the inputs except for what timepicker adds to it. I have the latest jquery-ui.js file and timepicker-addon.js file. I've also tried this with adding jquery-ui-sliderAccess.js to the head as well.

1
nl ja de
Я не думаю, что datetimepicker (предположим, что это одно: timjames.me/themes/timjames.me/scripts/libs/… ) совместим с jQuery 1.9
добавлено автор Explosion Pills, источник
Я на самом деле просто наткнулся на жемчужину jquery-ui-rails и, похоже, исправил мою проблему. github.com/indirect/jquery-rails
добавлено автор JakeTheSnake, источник

1 ответы

JQuery 1.9, очевидно, не используется версия datetimepicker, которую вы используете. Вместо того, чтобы всегда нацеливание последней версии JQuery, вы должны использовать JQuery-UI-рельсы драгоценный камень, который включает в себя более раннюю, статическую версию JQuery, который будет в состоянии поддерживать DateTimePicker плагина.

1
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda