javascript - 在 javascript 中打印 C# TimeSpan 值

Question

Javascript

 var row = "";
  jQuery.each(response.content, function (index, item) {
     row += "<tr ><td>" + item.lectureStartTime + " </td> </tr>";
       });
  $("#tbldialogfacultyclash").html(row);

模型类

     [Key]
    [Column(Order = 9, TypeName = "time")]
    [Required(ErrorMessage = "Required!")]
    [DisplayName("Lecture Start Time")]
    [DataType(DataType.Time)]
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:HH:mm tt}")]
    public TimeSpan lectureStartTime { get; set; }
    [Key]
    [Column(Order = 10, TypeName = "time")]
    [Required(ErrorMessage = "Required!")]
    [DisplayName("Lecture End Time")]
    [DataType(DataType.Time)]
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:HH:mm tt}")]
    public TimeSpan lectureEndTime { get; set; }

    [Column(Order = 11)]
    [Required(ErrorMessage = "Required!")]
    [DisplayName("lecture Total Duration")]
    public long lectureTotalDuration { get; set; }

图像显示数据库数据和结构

当我尝试使用 javascript 打印 lectureStartTime 时，它向我展示了 [object Object] 如何打印此 C# TimeSpan 对象
我想打印成 10:00 AM 格式

Answer 1

你不应该这样做吗？

var row = "";
var time = item.lectureStartTime.Hours + " : " + item.lectureStartTime.Minutes + " : " + item.lectureStartTime.Seconds;
  jQuery.each(response.content, function (index, item) {
     row += "<tr ><td>" + time  + " </td> </tr>";
       });
  $("#tbldialogfacultyclash").html(row);

由于 lectureStartTime 是一个复杂的对象，您必须自己构造字符串。

您还可以在您的模型中添加这样的属性

public string lectureStartTimeStr => $"{lectureStartTime.Hours} : {lectureStartTime.Hours} : {lectureStartTime.Minutes}";

编辑:阅读评论后我改变了我的方法，我认为你正在寻找的是这样的(如果你选择在 ViewModel 中使用该属性)

public string lectureStartTimeStr => $"{lectureStartTime:hh:mm:ss tt}";

这样你的 Javascript 就可以很简单

var row = "";
jQuery.each(response.content, function (index, item) {
    row += "<tr ><td>" + item.lectureStartTimeStr + " </td> </tr>";
});
$("#tbldialogfacultyclash").html(row);