在 Angular/Ionic 中格式化日期时间

Question

我想知道如何设置文本格式并将日期时间字符串的某些部分设为粗体？

例如，我想制作我当前的日期时间格式，如下所示：02/19/2018 16:00 CST 到 02/19/2018 16:00 CST.

这是生成当前日期时间格式的代码。

<td{{ visit['end_dte'] | date:'MM/dd/yyyy HH:mm Z'}}</td>

我试过 <td{{ visit['end_dte'] | date:'MM/dd/yyyy <b>HH:mm Z</b>'}}</td> 但它成功了，所以管道被表示为文本而不是加粗时间。

Answer 1

将其分成 2 个不同的过滤器调用

<td>
  {{ visit['end_dte'] | date:'MM/dd/yyyy'}} <b>{{ visit['end_dte'] | date:'HH:mm Z'}}</b>
</td>

Formatting a Datetime in Angular/Ionic