jQuery-Timepicker-Addon滑块不起作用 - 干扰其他PlugIns?

时间:2014-06-13 08:27:26

标签: javascript jquery jquery-ui datetimepicker

我想使用jQuery-Timepicker-Addon来显示带有时间戳选项卡作为滑块的日期选择器。我的问题是滑块没有显示。 PlugIn在滑块所在位置生成的代码如下所示:

<div class="ui-timepicker-div">
  <dl>
    <dt class="ui_tpicker_time_label">Time</dt>
    <dd class="ui_tpicker_time">00:00</dd>
    <dt class="ui_tpicker_hour_label">Hour</dt>
    <dd class="ui_tpicker_hour">
      <div class="ui_tpicker_hour_slider"></div>
    </dd>
    <dt class="ui_tpicker_minute_label">Minute</dt>
    <dd class="ui_tpicker_minute">
      <div class="ui_tpicker_minute_slider"></div>
    </dd>
    .
    .
    .
  </dl>
</div>

ui_tpicker_hour_sliderui_tpicker_minute_slider div中缺少一个标记。在官方文档中,这部分看起来像这样:

<dd class="ui_tpicker_hour">
  <div class="ui_tpicker_hour_slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" aria-disabled="false">
    <a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"></a>
  </div>
</dd>

我不知道为什么PlugIn不包含此标记。

我的设置是:

  • jQuery 1.11.1
  • jQueryUI 1.10.3
  • jQuery-Timepicker-Addon 1.4.5

我在我的项目中尝试了许多不同版本的组合,但我无法让它工作。

是否有任何其他jQuery PlugIns可能会干扰jQuery-Timepicker-Addon?在我的项目中,我使用了许多其他jQuery PlugIns。我现在真的很无奈。

1 个答案:

答案 0 :(得分:0)

可能是你创建了自己的名为&#34; slider&#34;或者有两个名为&#34; slider&#34;和第二个函数覆盖timepicker的第一个函数?