javascript - 如何将DateTimes的C#列表转换为本地JS日期？

我使用Razor语法遍历了视图上的C＃DateTime列表，并绑定到视图上的表。

将值绑定到表之前，我需要做的是将其转换为浏览器的本地时间。传入的UpdatedTime在服务器的UTC时区中。

因此，在绑定到表之前，我需要以某种方式将UpdatedTime列表中的每个Models.Escalation属性转换为本地属性。

我确实尝试调用@item.UpdatedTime.ToLocalTime()，但这会转换为服务器端本地时间，即UTC。不是浏览器的本地时间。

题：

如何在客户端JS上将DateTime的C＃列表转换为本地？

我确实知道如何使用片刻将单个DateTime值转换为本地。但不确定如何将其应用于完整的Models.Escalation列表：

var updatedTimeISO = moment.utc('@Model.UpdatedTime').toISOString();
var updatedTimeLocal = moment(updatedTimeISO);

@Model.UpdatedTime = updatedTimeLocal ;

将C＃DateTime绑定到Razor视图中的表的表循环：

               <tbody>

                    @foreach (Models.Escalation item in Model)
                    {

                        <tr>
                            <td data-order="@item.UnixTimeStamp" class="td-limit">@item.UpdatedTime.ToString("f")</td>

                            <td class="td-limit">@item.EventName</td>

                        </tr>

                    }


                </tbody>

最佳答案

如果您也知道要转换哪个时区，则应该能够在服务器端完成此操作。

 DateTime timeUtc = DateTime.UtcNow;
    try
    {
       TimeZoneInfo cstZone = TimeZoneInfo.FindSystemTimeZoneById("Central Standard Time");
       DateTime cstTime = TimeZoneInfo.ConvertTimeFromUtc(timeUtc, cstZone);
       Console.WriteLine("The date and time are {0} {1}.",
                         cstTime,
                         cstZone.IsDaylightSavingTime(cstTime) ?
                                 cstZone.DaylightName : cstZone.StandardName);
    }
    catch (TimeZoneNotFoundException)
    {
       Console.WriteLine("The registry does not define the Central Standard Time zone.");
    }
    catch (InvalidTimeZoneException)
    {
       Console.WriteLine("Registry data on the Central Standard Time zone has been corrupted.");
    }

如果您不知道浏览器的时区，则可以使用以下jQuery和瞬时JS代码：

$(".td-limit").each(function () {
		var updatedTimeISO = moment.utc($(this).data('order')).toISOString();
		var updatedTimeLocal = moment(updatedTimeISO);
    $(this).text(updatedTimeLocal);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tbody>
   <tr>
     <td data-order="2013-05-02T21:01:26.0828604Z" class="td-limit"></td>
     <td data-order="2013-04-02T21:01:26.0828604Z" class="td-limit"></td>
     <td data-order="2013-03-02T21:01:26.0828604Z" class="td-limit"></td>
     <td data-order="2013-02-02T21:01:26.0828604Z" class="td-limit"></td>
     <td data-order="2013-01-02T21:01:26.0828604Z" class="td-limit"></td>
   </tr>
</tbody>
</table>