如何以瞬間之前的格式顯示日期

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，但是我將深入探討為什么。