Question

我有两种不同的jQuery函数，一种用于数小时，另一种用于数分钟。

julia> reverse([1 2 3], dims=2)
1×3 Array{Int64,2}:
 3  2  1

上面的代码运行良好。但是我的下一个必须显示分钟的功能不起作用，

$('#hour_timepicker').timepicker({
    timeFormat: 'h',
    interval: 1,
    dynamic: false,
    dropdown: true,
    scrollbar: true
});

无论我从 minute_timepicker 中选择什么值，它都会显示完整的随机数。

以下是输入内容：

$('#minute_timepicker').timepicker({
    timeFormat: 'm',
    interval: 10,
    dynamic: true,
    dropdown: true,
    scrollbar: true
});

有人可以帮忙吗？谢谢。

链接到时间选择器库：http://jonthornton.github.io/jquery-timepicker/

Answer 1

我认为问题在于此库并不是真正为单独选择分钟而设计的，如果必须这样做，则需要将步骤设置为60小时（因此，它将仅以一小时为增量显示），然后在分钟内您需要将其限制为仅显示任意一个小时，这样就不会重复，然后将步长设置为10，以便以10分钟为增量显示。

$('#hour_timepicker').timepicker({
    timeFormat: 'H',
    interval: 1,
    step: 60,
    dynamic: false,
    dropdown: true,
    scrollbar: true
});

$('#minute_timepicker').timepicker({
    timeFormat: 'i',
    step: 10,
    dynamic: true,
    dropdown: true,
    scrollbar: true,
    minTime: '12:00am',
    maxTime: '12:59am'
});

<link href="https://cdn.jsdelivr.net/npm/timepicker@1.11.14/dist/jquery.timepicker.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/timepicker@1.11.14/dist/jquery.timepicker.min.js"></script>


<label id="hour_timepicker_label">Slect time</label>
<input id="hour_timepicker" type="text"/>
<label>:</label>
<input id="minute_timepicker" type="text"/>

Answer 2

在第二个功能上尝试使用i代替m。

即

$('#minute_timepicker').timepicker({
    timeFormat: 'i',
    interval: 10,
    dynamic: true,
    dropdown: true,
    scrollbar: true
});

对不起，如果这不起作用。

我建议这样做是因为在文档中，它具有以下内容：

$('#timeformatExample1').timepicker({ 'timeFormat': 'H:i:s' });

H -> hours，i -> minutes和s -> seconds

Answer 3

根据该库的文档，timeFormat定义为：

timeFormat应该如何在列表和输入中显示时间元件。使用PHP's date() formatting syntax。字符可以以前面的双斜杠（例如H \ hi）逃脱了。或者，您可以指定一个函数而不是一个字符串来完全使用自定义时间格式。在这种情况下，格式功能会收到一个 Date对象，预计将以字符串形式返回格式化的时间。默认值：“ g：ia”

，几分钟的PHP格式化语法为i

jQuery timepicker的两个实例

3 个答案: