4

我在我的新应用程序中使用Yarp jQuery TimeAgo 库,其中我显示了任务记录到期日期字段的相对时间。

我想要做的只是将日期/时间值显示为红色文本,一旦设置的到期日期值是基于当前日期的过去时态。

非常简单,Future Due Date 将在页面上显示带有 CSS 的默认绿色文本集:
在此处输入图像描述

过期日期将显示红色文本:

在此处输入图像描述

该库可以在这里找到:http: //timeago.yarp.com/

谁能帮我用红色为过期文本着色?

在库将其转换为未来或过去的 DateTime 之前页面上的 HTML 看起来像这样......

<time id="duedatetimeago"></time>

在图书馆对元素施展魔法之后,它看起来就像这样......

<time id="duedatetimeago">16 days ago</time>  

所以你看不到特殊的 CSS 类或数据属性或任何添加的东西,因此可能很难知道当前时间是过去的时间。如果您发现“任何人”,请与我分享,谢谢

4

1 回答 1

2

这是一个包含对 timeago.js 修改的要点 - 您可以在线更改inPastColor变量中的默认过去和未来颜色49

于 2015-08-28T16:28:42.087 回答