如果DateTime在过去,jQuery TimeAgo库可以更改Text的颜色吗?

时间:2015-05-23 07:45:24

标签: javascript jquery timeago

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

根据当前日期,一旦设置的截止日期值为过去时态,我想要做的只是将日期/时间值显示为 RED文本

如此简单,Future Due Date将在页面上显示带CSS的默认绿色文本:
enter image description here

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

enter image description here

可在此处找到该库:http://timeago.yarp.com/

任何人都可以帮助我为Red中的过期文字着色吗?

图书馆将页面上的HTML转换为未来或过去的单词DateTime,如下所示...

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

图书馆在元素上做了它的魔力,它看起来就像这样......

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

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

1 个答案:

答案 0 :(得分:1)

Here's a Gist包含对timeago.js的修改 - 您可以更改inPastColor49变量中的默认过去和未来颜色