如何将Typescript中的日期格式化为所需的日期

时间:2017-02-26 06:33:33

标签: angular datetime typescript

我的日期字符串如2016-09-19T18:10:3​​1 + 0100。我正在做

let dateString:string = 2016-09-19T18:10:31+0100;
let newDateString:Date = new Date(dateString);

我的输出为2016年9月19日星期二18:10:31 GMT + 0530(印度标准时间)。但我希望日期格式为19.9.2016 18:10

如何将其格式化为具有所需格式?

1 个答案:

答案 0 :(得分:0)

您可以在html模板中使用 DatePipe ,如下所示 -

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template:`<h1>My First Angular 2 App</h1>
  <p>{{newDateString | date: 'dd.MM.yyyy hh:mm'}} - format: dd.MM.yyyy hh:mm</p>`
})
export class AppComponent { 

  dateString: string = "2016-09-19T18:10:31+0100";
  newDateString:Date = new Date(this.dateString);
}

DatePipe文档:https://angular.io/docs/ts/latest/api/common/index/DatePipe-pipe.html#!#sts=Pipe

<强>更新

如果您只想在打字稿中格式化日期时间(没有angular2),那么您可以尝试这样 -

  options = { year: 'numeric', month: 'numeric', day: 'numeric', hour:'numeric', minute: 'numeric', hour12: false };
  displayDate = new Date().toLocaleDateString(undefined, this.options);

在第二行中,您可以传递undefined这样的值,而不是locales - &#34; zh-CN&#34;,&#34; zh-CN&#34;等