在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 Object
我想像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);

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

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

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);