jquery 時間選擇器將時間設置為 00:00:00

Question

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

我有一個使用 timepicker 庫的 aspnet 核心 MVC 應用程序。

我有一個 model 具有以下屬性...

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

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

我有一個 razor 視圖，其中包含以下元素..

<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

您可能沒有引用正確的 package。 當我引用cdn package時，情況和你顯示的一樣，但是我下載並添加官方package后，它可以正確顯示00:00:00 。

兩個 package：

• jquery.timepicker.css
• jquery.timepicker.js

下載它並在視圖中引用它。