离子DatePicker本地Dateformat?

时间:2018-12-13 14:03:41

标签: javascript angular typescript ionic-framework

我在Ionic项目上有一个DatePicker,它可以正常工作,不幸的是Date的时间格式错误。我的功能:

showDatePicker(){
  this.datePicker.show({
    date: new Date(),
    mode: 'date',
    allowOldDates: false,
    androidTheme: this.datePicker.ANDROID_THEMES.THEME_HOLO_DARK
  }).then(
    date => this.selectedDate = date
  );
  this.changeAPI();
}

我的字符串:

this.selectedDate

看起来像这样:

  

2019年1月15日星期二00:00:00 GMT + 0100中欧标准时间

但是我希望它看起来像

  

15.01.2019

我该怎么做?我试试这个:

this.selectedDate.toLocaleDateString('de-DE');

但是它不起作用。 (我在TypeScript文件而不是HTML文件中使用它)

以及如何使DatePicker中的今天之前的日期隐藏

谢谢

1 个答案:

答案 0 :(得分:0)

如果您在模板中使用它,请使用日期管道

{{selectedDate | date: 'dd.mm.yyyy'}}

如果它在组件内部,请使用DatePipe

import { DatePipe } from '@angular/common';

constructor(private datePipe: DatePipe) {}

let date = this.datePipe.transform(this.selectedDate, 'dd.mm.yyyy');