使用JQuery Timeago显示的日期时间

Question

我正在尝试使用timeago插件显示我的日期。 这是我到目前为止的内容：

<div class="container col-lg-12 col-md-12 col-xs-12 notifications-container">
@{
    foreach (var n in Model.Notifications)
    {
        <div class="row">
            <a href="@n.URL">
                 <div class="container col-lg-8 col-md-10 col-xs-12">
                    <h2>@n.Title</h2>
                    <h5>@n.ShortDescription</h5>
                    <h5 id="date-time"></h5>
                    <h5>
                        <time class="timeago" datetime="@n.Time.ToString("s", System.Globalization.CultureInfo.InvariantCulture)"> @n.Time </time>
                    </h5>
                    <script>

                        $(document).ready(function () {
                            $("time.timeago").timeago();
                        });
                    </script>
                </div>
            </a>
        </div>
    }
}

它不是在转换我的日期时间，不确定我是否需要更改其日期格式，以便timeago可以使用它。

更新：我以这种方式工作，并且在这种情况下传递的DateTime是UTC类型。

我有一个尚待修复的错误，该错误表明所有条目都是在一小时前完成的，即使其中一些条目是在几秒钟前完成的。

Answer 1

作为解决方法，我们需要将momentjs添加到您的项目中，因为timeago仅适用于ISO 8601格式的日期：

您需要更改此：

<h5 id="date-time">@n.Time</h5>

对此：

<h5 class="date-time">
 <time class="timeago" datetime="">@n.Time</time>
</h5>

和您的javascript代码，到此：

$(document).ready(function() {
  var dateAux;
  $(".timeago").each(function(i,item){
      dateAux = moment($(item).html(),'DD-MM-YYYY hh:mm:ss');
      $(item).attr('datetime',dateAux.toISOString());
  })  
  $("time.timeago").timeago();
});

工作提琴： https : //jsfiddle.net/jn233dk4/1/