c# - 使用带有 MVC 的 Bootstrap.TimerPicker 没有选择正确的时间

Question

我尝试使用这个组件，但它没有显示正确的时间，当我删除 javascript“timepicker”时，它显示了一个带有正确日期时间的正常输入，但是在使用该组件后它显示了错误的时间。为什么？

它似乎正在接收日期部分20/05。我应该使用其他格式吗？比如TimeSpan而不是DateTime？

MVC 视图

@Html.TextBoxFor(m => m.StartTime, new {@class = "form-control timepicker"})

Java脚本

 $('.timepicker').timepicker({autoclose: true,minuteStep: 15,showSeconds: false,showMeridian: false});

屏幕

在此处输入图像描述

看法

正如您在下面看到的时间不同，这些值是视图的模型。

在此处输入图像描述

score 0 · Accepted Answer

我找到了一个解决方案：

Jquery Plugin Bootstrap.Timepicker 必须使用数据类型TimeSpan。

在将数据类型从更改为之后DateTime，TimeSpan它工作得很好。

public TimeSpan StartTime { get; set; }
public TimeSpan? EndTime { get; set; }

注意：当您使用 DateTime 格式时，它需要日期的第一部分，在我的示例中 20/05被转换为20:05。

score 0 · Accepted Answer

有点晚了，但是在使用 Bootstrap DateTimePicker（目前是 v4）时也会出现这个问题。

使用您的示例，以下内容也会产生20:05；

$(function () {
    var timeFormat = "HH:mm";

    $('.timepicker').datetimepicker({
            format: timeFormat
    });
});

但是，更改"HH:mm"为" HH:mm"（注意空格）让我得到了想要的结果；

$(function () {
    var timeFormat = " HH:mm";

    $('.timepicker').datetimepicker({
            format: timeFormat
    });
});

这会根据需要产生5:10或3:17。

我认为这是一个错误，因为它应该在没有空格的情况下工作。在修复错误之前，这是一种解决方法。

2 回答 2