如何获取格式化的日期字符串答案

【问题标题】：how to get formatted date string如何获取格式化的日期字符串
【发布时间】：2018-03-13 16:54:49
【问题描述】：

我的 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)]

如何获取格式化的日期字符串，而不是在我的 typescript 方法中？

【问题讨论】：

标签： angular flatpickr

【解决方案1】：

我发现moment 比date pipes 更可靠

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

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

你可以像这样使用它。

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

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

【讨论】：

我想在我的打字稿中得到一个格式化的日期，而不是 html。

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

我就是这样做的：

首先，我得到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，正如我所料。

【讨论】：

我很高兴我的回答给出了一个想法。你甚至可以通过 moment(this.dateTime[0]).format('DD.MM.YYYY H:mm') 来简化你的答案

【解决方案4】：

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

【讨论】：

【解决方案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 ----
  };

【讨论】：