如何在 JQM Datebox Time Flipbox 中隐藏无效的分钟和小时？

Question

例如，下面的代码不允许用户 select 除 0、15、30 和 45 之外的任何分钟。但是其他分钟是可见的，尽管您将无法 select他们。

<div class="ui-field-contain">
  <label for="mode4">Dropoff Time</label>
  <input data-options='{"mode":"timeflipbox","minuteStep":"15","minuteStepRound":"1","useFocus":"true","overrideTimeOutput":"%l:%M %p"}' data-role="datebox" id="mode4" name="mode4" type="text"></input>
</div>

如何隐藏除 0、15、30 和 45 之外的所有分钟，以便 selection 只有这 4 个分钟可见？

附带说明一下，是否有任何其他 jqm 扩展可以提供时间和日期的翻转功能 selection；除了 jqm datebox 和 mobiscroll?

Answer 1

您的代码实际上是正确的 - DateBox 不遵守 flipbox 中的 minuteStep 指令是一个错误，而不是预期的行为。

这里有变化：https://github.com/jtsage/jquery-mobile-datebox/commit/9df43c5e37409db460f7d2ea368b506427c8b71e

原始错误报告在这里：https://github.com/jtsage/jquery-mobile-datebox/issues/362

如何在 JQM Datebox Time Flipbox 中隐藏无效的分钟和小时？

How to hide invalid minutes and hours in JQM Datebox Time Flipbox?

jquery

datepicker

jquery-mobile

datebox