Question

在日期选择器中，日期显示为July 31, 2019。但是模型以不同的方式传达承诺。

ng-reflect-model="Wed Jul 31 2019 00:00:00 GMT+0"

如何在DD.MM.YY上解决此问题？我试过了，但是没用。

html：

<mat-form-field class="full-width">
  <input matInput [matDatepicker]="dp" [(ngModel)]="date" placeholder="Date" required>
  <mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
  <mat-datepicker #dp></mat-datepicker>
</mat-form-field>

ts：

  import * as _moment from 'moment';
  const moment = _moment;


  date = moment().format('DD.MM.YY')

Answer 1

您可以使用moment.js将日期转换为指定格式

let oldDate = new Date(); // you can specify input date which you want to convert.
let newDate = moment(oldDate).format('DD.MM.YY')

我希望这会有所帮助。

Answer 2

根据mat-datepicker的Angular Material文档（来源：docs）

日期选择器将不接受以用户格式（例如“ 1/2/2017”）格式设置的日期字符串，因为这是模棱两可的，并且根据运行代码的浏览器的语言环境，其含义将有所不同。

您只能将ISO 8601格式传递给日期选择器（例如2019-07-31或2019-07-31T04:43:04.981Z）

如果您希望该格式用于后端或在其他地方显示，则始终可以利用时间将日期格式化为所需格式。

let date = new Date();
let formattedDate = moment(date).format(DD.MM.YYYY);

我无法设置日期格式

2 个答案: