angular 前端的 momentjs 日期时间格式

Question

我目前在我的项目中使用 moment.js。我想删除 "T" 和 +02:00。必须只有日期和时间。但是如果我使用 moment.js 的 .format() 方法，我会得到默认的日期时间。

我想格式化这个日期时间：

从“2022-02-11T04:20:13+02:00”到“2022-02-1104:20:13”

返回

import * as moment from 'moment';

date_times: any;
constructor() {
this.date_times =  moment().format('YYYY-MM-DD HH:mm:ss');
}

前面

 <ion-item>
  <ion-label>Select date & time</ion-label>
  <ion-datetime displayFormat="D MMM YYYY H:mm A" (ionChange)="showdate()" [(ngModel)]="date_times"></ion-datetime>
</ion-item>

{{date_times }}

Answer 1

moment().format('YYYY-MM-DD HH:mm:ss') 会给你你想要的格式，但由于你使用 date_times 作为 <ion-datetime> 组件的 ngModel，它的值在你初始化后已经改变constructor().

中的值

您可以在打印时使用 Pipe 格式化 date_times，如下所示：

my-datetime-format.pipe.ts:

import { Pipe, PipeTransform } from '@angular/core';
import * as moment from 'moment';

@Pipe({
  name: 'myDateTimeFormat'
})
export class myDateTimeFormatPipe implements PipeTransform {
  transform(value: string): string {
    return moment(value).format('YYYY-MM-DD HH:mm:ss');
  }
}

在模板中:

{{ date_times | myDateTimeFormat }}

angular 前端的 momentjs 日期时间格式

momentjs datetime format on frontend with angular

javascript

datetimepicker

angular-moment

angular

ionic4