如何以前刻格式显示日期

Question

我使用razor将日期绑定到标签，方法如下。

<h4>@updates.UpdatedDate</h4>

这将按以下方式显示日期：

  

10/1/2016 8:30:02 AM

但是，我需要将日期显示为

  

12天前

片刻之前的格式。而且我知道我们可以使用moment.js。但我是否在值

上调用javascript函数

Answer 1

您可以通过几种方式在MVC方式（服务器端）中执行此操作，而不是尝试调用JavaScript函数（客户端）：

选项1： 将属性添加到为您进行转换的模型/视图模型中：

public HtmlString MomentDate
{
    get
    {
        string convertedDate = // Write your UpdatedDate conversion logic here.
        return new HtmlString(convertedDate);
    }
}

选项2 编写自定义HtmlHelper扩展

public static class HtmlHelperExtensions
{
    public static HtmlString MomentDateFormat(this HtmlHelper helper, DateTime value)
    {
        string convertedDate = // Write your UpdatedDate conversion logic here.
        return new HtmlString(convertedDate);
    }
}

然后在你的剃须刀视图中调用它：

<h4>@Html.MomentDateFormat(updates.UpdatedDate)</h4>

我通常会选择选项2，但我会深入了解原因。