Question

我有一个代码片段：

<div
          class="table-row-wraper"
          *ngFor="let user of users; let i = index"
          id="{{ user.id }}"
        >
<ng-container [ngSwitch]="channel">
            <ng-container *ngSwitchCase="'bla'">
              <ng-container [ngSwitch]="user.role">
                <ng-container *ngSwitchCase="'user'">
                  <user-service-item
                    [user]="users[i]"
                    [channel]="'userRole'"
                  ></user-service-item>
                </ng-container>
</div>

，我想将日期从YYYY-mm-dd中的所有项目更改为yyyy-mm-dd HH：ii。请帮助我。

Answer 1

您可以根据需要使用管道更改日期格式。因此，无论您在哪里显示日期，都请使用此管道来更改格式。

例如：

git log

您的管道应具有以下代码行：

{{myDate | myDateFormat: 'D_T_FMT'}}

Answer 2

使用角管

{{ date_value | date :'short'}}

预期的输出格式

  6/30/20, 5:24 AM

Angular Date Pipe文档reference

这篇文章可能是helpful

使用Ant设计

但是从您之前的评论看来，您对Angular Pipes并不感兴趣，那么我建议您使用front-end library，如果您对它们的名称没有任何限制，可以为您完成工作{ {1}}。您可以通过这种方式实现

HTML

antd

打字稿

 <nz-date-picker [nzFormat]="dateFormat" formControlName="Date"></nz-date-picker>

使用格式日期

dateFormat: "yyyy-MM-DD HH:mm:ss";

角度8代码问题更改日期格式

2 个答案: