如何解决基于比较日期的Angular 1.5中的条件样式
我正在尝试将Angular列表元素(task.task_deadline_date)与今天的日期进行比较,如果日期是今天或以后(如果要在今天之前保持常规字体),则将其加粗。我已经测试了以下语法,但我认为问题在于比较日期,有没有办法设置格式一致?
<td
class="min-wth-100"
ng-style="{'font-weight':(task.task_deadline_date >= new Date()) ? 'bold' : '' }"
>
{{::task.task_deadline_date}}
</td>
我已经在下面的链接中尝试了该方法,但是试图使其适应于一行,而不是必须向控制器添加代码。不确定管道是否可以一致地设置日期格式?
Angular: How to conditionally apply a style by using Date Pipe in the condition?
解决方法
比较这样的日期它将返回true / false
let task_deadline_date = '2012-03-19T07:22Z';
console.log(new Date(task_deadline_date) >= new Date())
//在您的情况下,新日期(task.task_deadline_date)> =新日期()
,我最终在控制器脚本中添加了一个函数:
rept.checkDate = function(date) {
return new Date(date) >= new Date();
};
然后将HTML更改为:
<td class="min-wth-100" ng-style="rept.checkDate('{{task.task_deadline_date}}') && {'font-weight':'bold'} || {'font-weight':''}">{{::task.task_deadline_date}}</td>
希望有一个单行选项,但是哦。感谢您的帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。