jQuery 如果 DateTime 是过去的时间,TimeAgo 库会更改文本的颜色?
jQuery TimeAgo library to change color of Text if the DateTime is in the Past?
我在我的新应用程序中使用 Yarp jQuery TimeAgo library,其中显示任务记录的相对时间 截止日期 字段。
我想做的只是将 date/time 值显示为 RED Text 一旦设置的 Due Date 值是基于当前日期的过去时。
非常简单,未来到期日将在页面上显示 CSS 设置的默认绿色文本:
逾期日期将显示红色文本:
库可以在这里找到:http://timeago.yarp.com/
谁能帮我把过期的文字涂成红色?
库将其转换为未来或过去的 DateTime 之前页面上的 HTML 如下所示...
<time id="duedatetimeago"></time>
库对元素施展魔法后,它看起来像这样...
<time id="duedatetimeago">16 days ago</time>
因此您看不到添加任何特殊的 CSS 类 或数据属性或任何内容,因此可能很难知道当前时间是过去的时间。如果你找到了"anybody"请分享给我,谢谢
Here's a Gist 包含对 timeago.js 的修改 - 您可以在行 49
的 inPastColor
变量中更改默认的过去和未来颜色
我在我的新应用程序中使用 Yarp jQuery TimeAgo library,其中显示任务记录的相对时间 截止日期 字段。
我想做的只是将 date/time 值显示为 RED Text 一旦设置的 Due Date 值是基于当前日期的过去时。
非常简单,未来到期日将在页面上显示 CSS 设置的默认绿色文本:
逾期日期将显示红色文本:
库可以在这里找到:http://timeago.yarp.com/
谁能帮我把过期的文字涂成红色?
库将其转换为未来或过去的 DateTime 之前页面上的 HTML 如下所示...
<time id="duedatetimeago"></time>
库对元素施展魔法后,它看起来像这样...
<time id="duedatetimeago">16 days ago</time>
因此您看不到添加任何特殊的 CSS 类 或数据属性或任何内容,因此可能很难知道当前时间是过去的时间。如果你找到了"anybody"请分享给我,谢谢
Here's a Gist 包含对 timeago.js 的修改 - 您可以在行 49
inPastColor
变量中更改默认的过去和未来颜色