angular - 如何获取格式化的日期字符串

Question

我的 flatpickrOptions 看起来像：

    public exampleOptions: FlatpickrOptions = {
           enableTime: true,
           dateFormat: 'd.m.Y H:i',
        };

html代码：<ng2-flatpickr [config]="exampleOptions" [(ngModel)]="dateTime"></ng2-flatpickr>

但我得到对象而不是字符串。就像是 ：[Wed Oct 04 2017 12:00:00 GMT+0200 (Central European Daylight Time)]

如何获取格式化的日期字符串而不是我的打字稿方法？

Answer 1

我发现moment比date pipes

要包含时刻，只需将其导入组件中

// Moment
import * as moment from 'moment/moment';

你可以像这样使用它。

var myVar = moment(myDate).format('YYYY-MM-DD');

您可以查看官方网站以获取更多选项 Moment.js

Answer 2

如果要在 HTML 中显示格式化日期，可以使用date管道

{{ time.arrivee | date:'H:mm:ss' }}

https://angular.io/api/common/DatePipe

Answer 3

您可以使用 Angular 管道获取所需的格式，如下所示

{{元素.发票日期 | 日期：'MMM/dd/yyyy'}}

Answer 4

我就是这样做的：

首先，我得到moment(this.dateTime[0])，

所以输出是：Wed Oct 04 2017 11:24:00 GMT+0200 (Central European Daylight Time).

然后我想得到格式化的 DateTime 字符串，我用 moment: 做了什么moment(this.dateTime[0]).format('DD.MM.YYYY H:mm')，

所以输出是：04.10.2017 11:24正如我所料。

Answer 5

这是正确的方法ng2-flatpickr

  public Options = {
    altInput: true,
    mode: 'single',
    altInputClass: 'form-control flat-picker flatpickr-input invoice-edit-input',

    altFormat: 'Y-n-j',

    // ---- focused area (Here you can format as you can) ----
    onChange: (selectedDates: any) => {
      this.pickers.first.writeValue(new Date(selectedDates).toISOString().slice(0, 10));
    }
    // ---- focused area ----
  };