如何使用 bootstrap datetimepicker 从视图到控制器 post 计时

Question

我正在使用 bootstrap datetimepicker 来实现日期时间功能。当我试图 post 仅 'Time' 到控制器时，时间即将到来为“00:00:00”，而不是实际选择的时间即将到来。

下面是我的代码 型号

[DataType(DataType.Time)]
public TimeSpan StartTime { get; set; }

[DataType(DataType.Time)]
public TimeSpan EndTime { get; set; }

查看

@Html.TextBoxFor(model => model.StartTime, new { @class = "form-control", @id = "txtStartTime",@name= "StartTime" })
@Html.TextBoxFor(model => model.EndTime, new { @class = "form-control", @id = "txtEndTime", @name = "EndTime" })

在 document.Ready 函数中编写的代码仅显示 'Time' 来自 datetimepicker

$('#txtStartTime').datetimepicker({ format: 'LT A' });
$('#txtEndTime').datetimepicker({ format: 'LT A' });

但是，在提交表单时，我得到的值仅为“00:00:00”，附上截图

感谢任何帮助！

Answer 1

因为你使用的格式不对

$('#txtStartTime').datetimepicker({ format: 'hh:mm:ss'  });
$('#txtEndTime').datetimepicker({ format: 'hh:mm:ss'  });

如果您想使用您的格式，请在您的模型中创建 StartDate 和 EndDate 字符串，然后在 Controller 中解析它们。