jhipster 和当前日期显示和检查

Question

看起来很疯狂，但如果日期字段大于当前日期，我无法在 jhipster 测试创建的 html 中进行比较。

我尝试显示从 DB 读取的日期并查看 2020-12-12 然后我尝试显示当前日期。在网上搜索我发现可以得到当前日期：new Date()。所以我尝试显示这个但运行页面时显示错误：

ERROR Error: Uncaught (in promise): Error: Template parse errors:
Parser Error: Unexpected token 'Date' at column 5 in [ {{new Date()}} ] in...

如何获取当前日期（用于检查从 db 读取的日期）？

这里是我需要检查日期的 myclass.component.html 的代码：

<div>
    <jhi-alert-error></jhi-alert-error>
...
    <div class="table-responsive" *ngIf="myclasses?.length > 0">
        <table class="table table-striped" aria-describedby="page-heading">
            <thead>
            <tr jhiSort [(predicate)]="predicate" [(ascending)]="reverse" [callback]="transition.bind(this)">
            <th...
            </tr>
            </thead>
            <tbody>
            <tr *ngFor="let myclasse of myclasses ;trackBy: trackId">
                <td>{{myclass?.id}}</td>
                ...
                <td>
                  {{ new Date() }}
                </td>
 ...

Answer 1

通常，使用 MomentJS 库处理日期要容易得多，因为它已经集成到 JHipster 中。

如果您想知道某个日期是否在未来，您可以在 [entity].component.ts 中定义一个返回布尔值的函数，如下所示：

import * as moment from 'moment';
import { Moment } from 'moment';
...
  isFutureDate(date: Moment): boolean {
    return moment().isBefore(date);
  }

然后在你的[entity].component.html 你可以这样称呼它：

<td>
  Date is in the future: {{ isFutureDate(myclass.date) }}
</td>

myclass.date 是您要检查的日期。

如果您只需要知道那个日期和现在之间的区别，那么您可以非常轻松地做到这一点。在你的...component.ts:

import * as moment from 'moment';
import { Moment } from 'moment';
...
  getDateDiff(date: Moment): number {
    const diff      = date.diff(moment());
    const duration  = moment.duration(diff);
    return duration.asHours();
  }

在你的...component.html:

<td>
  Difference in hours: {{ getDateDiff(myclass.date) | number: '2.0-0' }} hours
</td>

在这种情况下，getDateDiff() 将返回您作为参数传递的日期 (myclass.date) 与当前日期 (moment()) 之间的小时差。如果要检查的日期是过去，它将是一个负数。

MomentJS 是一个非常强大的库，您可以查看完整的文档 here。另外，如果您愿意，可以提供与我使用的方法相关的文档：

• isBefore(): 日期是否早于另一个日期
• diff(): 两个日期之间的差异（以毫秒为单位）
• duration()：包装器可以轻松处理持续时间
• asHours(): 获取持续时间的小时数