Question

我正在使用带有双拇指的简单时间范围滑块来选择时间范围。我需要选择一个比结束时间晚的开始时间，以便范围从午夜到第二天？但是我的范围滑块不会让2个拇指交叉。我该如何实现？（突出显示的区域需要在两个拇指交叉时翻转）。

（旁注：我是否想念一个花招？这不是时间范围滑块的基本要求吗？我在网上找到的所有示例都无法做到这一点。在这种情况下，每个人都在做什么？）

我的html片段。

<div class="timeRangeSlider">
  <div id="downstairs1" class="time-slider" data-role="rangeslider" data-track-theme="b" data-theme="a">
    <input type="range" name="time1" id="time1" min="0" max="288" value="10">
    <input type="range" name="time2" id="time2" min="0" max="288" value="40">
    <label for="time1">Phase 1:</label>
  </div>
  <input type="text" data-role="none" class="timeLabelLeft ui-shadow-inset ui-body-inherit ui-corner-all ui-slider-input" value="" enabled />
  <input type="text" data-role="none" class="timeLabelRight ui-shadow-inset ui-body-inherit ui-corner-all ui-slider-input" value="" enabled />
</div>

JQueryMobile RangeSlider。大拇指必须越过

0 个答案: