如何以瞬间之前的格式显示日期

Question

我已使用剃刀通过以下方式将日期绑定到标签。

<h4>@updates.UpdatedDate</h4>

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

2016/10/1上午8:30:02

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

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，但是我将深入探讨为什么。