首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何根据时间给表中的一行涂上颜色?

如何根据时间给表中的一行涂上颜色?
EN

Stack Overflow用户
提问于 2019-07-18 07:34:11
回答 1查看 94关注 0票数 0

我正在创建一个应用程序来帮助我们的员工管理任务。任务是通过表单提交的。OnBeforeCreate --我要拿一个任务的日期:

record.Data_Zlozenia = new Date();

该任务可用于区域(表小部件),员工可以从中获取该任务。

被压制的任务有48小时的截止时间。

问题:如何为超过截止日期的任务行着色?

我知道,我可以通过在样式编辑器中添加类,然后在行上“显示”绑定样式来对行进行着色。但我不知道怎么让它取决于时间。

代码语言:javascript
复制
`.red {
  background-color: red;
}

 @widget.descendants.Field3.text === "Oczekujący - zwrot" ? ['red','app-ListTableRow','hoverAncestor'] : ['app-ListTableRow','hoverAncestor']`

编辑1:在这里,我给你截图,它的外观和我尝试了什么。CSS 绑定

编辑2:在@Markus帮助下,我找到了一个解决方案。我应该做这样的装订:

代码语言:javascript
复制
(@datasource.item.Data_Zlozenia)/3600000 < ((new Date())/3600000 - 48) ? ['red','app-ListTableRow','hoverAncestor'] : ['app-ListTableRow','hoverAncestor']
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-07-18 13:33:19

这是未经测试的,但我将在您的行样式绑定中尝试以下内容:

代码语言:javascript
复制
setInterval(function() {(new Date() - @widget.datasource.item.Data_Zlozenia)/3600000;}, 60000) > 48 ? ['red','app-ListTableRow','hoverAncestor'] : ['app-ListTableRow','hoverAncestor']

假设这将取当前日期/时间减去您的字段日期/时间,并将其除以360万(JS日期减去日期将返回毫秒,因此您必须转换为小时),它将每分钟重复此函数(60000毫秒)。如前所述,这是未经测试的,因此您可能需要稍微改进一下。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57089313

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档