eonasdan引导程序:无法使用小时箭头图标增加小时数

Question

通过在项目中导入此JS文件，我使用的是Eonasdan日期时间选择器版本：4.17.47。

此外，我正在使用一些自定义验证来确保当用户输入与预期不同的时间范围时显示红色文本。我不设置minDate或maxDate，因为时间范围是动态的，可以更改。

但是，有时用户无法通过单击向上箭头键来增加小时/分钟。datetimepicker设置为仅使用一段时间，因此初始化为：

$("#timePicker").datetimepicker({
format: "LT",
allowInputToggle: true,
keepInvalid: true // the up arrow icon was not working, so I thought this will fix it but it didn't
});

和模板：

<div class="form-group col-sm-6 time-block">
<div class="control input-group customtextInput" id="timePicker">
<input type="text" id="stime" name="time" class="inputText col-md-12 form-control time-picker"
data-bind="event:{ blur: function (data, event) {$parent.handleDateTimeOnblur.bind(data, $parent, event)() } }"
required />
<span class="input-group-addon">
...
</span>
</div>
<p class="text-danger login-error-msg time-empty" id="time-error" aria-label="Error Message"
data-bind="text: $parent.timeErrorMessage()" role="alert"></p>
</div>

你可以在这里看到演示

我注意到，当用户试图使用日期时间选择器转到下一个日期时，它会停止递增，(这个给定页面上的日期选择器没有连接，它们是单独初始化的。(

如有任何帮助，我们将不胜感激！！

Answer 1

我们现在解决了这个问题。请参阅关于GitHub 的讨论