如何将日期格式应用于 View 上的锚标记

Question

我正在使用以下代码来创建锚标记

@if (Model.History != null && Model.History.Count > 0)
 {
    foreach (var item in Model.History)
    {
      <a href="@Url.Action("Process", new {item.Id})" class="list-group-item">@item.Id - @item.Name - @item.CreatedOn</a>
    }
 }
 else
 {
   <a href="#" class="list-group-item">No Previous History Found</a>
 }

我想将日期格式应用 2017 年 6 月 27 日晚上 9：46 到 @item。创建于

我也想用时刻.js来显示当地时间。

有人请帮助我。

Answer 1

您要查找的格式是：MMMM dd，yyyy hh：mm tt

在您的示例中，只需编写：

@item.CreatedOn.ToString("MMMM dd, yyyy hh:mm tt")

今天的结果将是： 六月 22， 2017 02：40 下午

Answer 2

您可以使用

ToString("u", System.Globalization.CultureInfo.InvariantCulture) 使用时刻格式化您的日期.js如下所示。"u"对应于格式说明符类型之一。如果您正在从字符串创建时刻，则应检查该字符串是否与已知的 ISO 8601 格式匹配。

.Net 格式说明符参考：https://learn.microsoft.com/en-us/dotnet/standard/base-types/standard-date-and-time-format-strings#Sortable

.矩格式参考：http://momentjs.com/docs/#/displaying/format/

foreach (var item in Model.History)
{
    @*displays like 2008-04-10 13:30:00Z*@
   <a data-utc="@item.startDate.ToString("s", System.Globalization.CultureInfo.InvariantCulture)" 
        href="@Url.Action("Process", new {item.Id})" 
         class="list-group-item">@item.Id - @item.Name - @item.CreatedOn</a>
}

jquery与时刻.js

<script type="text/javascript">
    $(function () {
        $('[data-utc]').each(function () {
            var d = moment($(this).attr('data-utc'));
            $(this).html(d.format());
        });
    });
</script>