jquery 时间选择器将时间设置为 00:00:00

Question

我正在使用 Jon Thornton 的 jquery.timepicker。

我有一个使用 timepicker 库的 aspnet 核心 MVC 应用程序。

我有一个具有以下属性的模型...

 [DisplayName("Start Time")]
 public TimeSpan? StartTime { get; set; }

 [DisplayName("End Time")]
 public TimeSpan? EndTime { get; set; }

我有一个包含以下元素的剃刀视图..

<div class="form-group row">
        <div class="col-2">
            <label asp-for="StartTime" class="col-form-label"></label>
        </div>
        <div class="col-5">
            <input asp-for="StartTime" type="text" class="form-control timepicker"  />
        </div>
        <span asp-validation-for="StartTime" class="text-danger"></span>
    </div>
    <div class="form-group row">
        <div class="col-2">
            <label asp-for="EndTime" class="col-form-label"></label>
        </div>
        <div class="col-5">
            <input asp-for="EndTime" type="text" class="form-control timepicker" autocomplete="off" />
        </div>
        <span asp-validation-for="EndTime" class="text-danger"></span>
    </div>

我已将时间选择器设置为使用以下属性..

$(document).ready(function () {
$('input.timepicker').timepicker({
    timeFormat: 'H:i:s',
    step: 15,
    show2400: true
});

});

每次我从时间选择器中 select "00:00:00" 时，都会在输入框中设置值 0。知道为什么它不会设置为“00:00:00”吗？

Answer 1

您可能没有引用正确的包。当我引用cdn包时，情况和你显示的一样，但是我下载并添加官方包后，它可以正确显示00:00:00。

两个套餐：

下载并在视图中引用它。

jquery 时间选择器将时间设置为 00:00:00

jquery timepicker set time to 00:00:00

jquery

asp.net-core

razor

timepicker