jquery.timeago插件未显示已用时间

时间:2017-06-01 07:42:13

标签: jquery jquery-plugins

我一直在尝试将jquery.timeago插件添加到我的项目中,以显示自日期以来经过的时间(例如3 weeks ago)。我似乎无法让它完全运转。我正在.NET核心网站上工作,如果这是相关的。

这是我将jquery.timeago插件添加到我的页面的方式:

@section javascript{
    <script src="~/Scripts/jquery.timeago.js"></script>
    <script>
        $(document).ready(function() {
            $("time.timeago").timeago();
        });
    </script>
}

我添加到页面的元素:

<abbr class="timeago" datetime="@fileNode.CommitData.CommittedDate" title="@fileNode.CommitData.CommittedDate.ToString("dd MMMM yyyy, HH:mm:ss", CultureInfo.CurrentCulture)"></abbr>

呈现时会变成以下内容:

<abbr class="timeago" datetime="31-5-2017 15:17:21" title="31 mei 2017, 15:17:21"></abbr>

但是,这仍然没有显示实际经过的时间(因此1 day ago为此示例)。当我在开始和结束标记之间添加一些文本,即<abbr ...>abc</abbr>时,我在页面上看到了这个,所以我知道timeago插件已正确加载: timeago plugin loading

有关为什么它没有显示已用时间的任何建议?提前谢谢!

1 个答案:

答案 0 :(得分:0)

无法相信我错过了这一点,但我在所有timeago()元素上调用了time。我没有,我使用abbr元素。

所以要解决,我只需要改变:

$("time.timeago").timeago();

进入

$("abbr.timeago").timeago();