1

Rails 3.2 を使用する (jQuery は gem として既にインストールされています)

実際の日付ピッカー部分は機能しますが、タイムピッカー部分のスライダーが表示されません。HTML にも表示されません<div class="ui-timepicker-div">。どこにも表示されません。

頭の中：

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

私からしてみれば：

$("#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; }

レンダリングされた HTML では、timepicker が追加するものを除いて、入力にクラス名はありません。最新の jquery-ui.js ファイルと timepicker-addon.js ファイルがあります。jquery-ui-sliderAccess.js も頭に追加してこれを試しました。

4

1 に答える 1

1

使用している datetimepicker のバージョンは明らかに jQuery 1.9 でサポートされていません。常に最新バージョンの jQuery をターゲットにするのではなくjquery-ui-rails、datetimepicker プラグインをサポートできる以前の静的バージョンの jQuery を含む gem を使用する必要があります。

于 2013-01-29T00:36:33.693 に答える