如何将角度材料日期选择器日期转换为 UTC 格式？

Question

我正在接受日期输入并使用角度材料日期选择器，并将其存储在反应形式变量中。 但我希望日期为 UTC 格式，要么输入 UTC，要么输入任何其他格式并将其转换为 UTC。 我该怎么做。

<mat-form-field appearance="outline" fxFlex="row" fxFlex="50%" class="pr-4">
    <mat-label>Invoice Date</mat-label>
    <input type='date' matInput name="" id="" formControlName="invoiceDate" placeholder="Invoice Date" required>
    <mat-icon matSuffix>date_range</mat-icon>
</mat-form-field>

这是我存储日期的表格。它的invoiceDate 变量。

this.newLoanForm = this._formBuilder.group({
      customerId: ['', Validators.required],
      orginizationId: ['', Validators.required],
      salesPersonId: ['', Validators.required],
      invoiceNumber: ['', Validators.required],
      invoiceDate: ['', Validators.required],
      notes: ['', Validators.required]
    })

提前致谢

Answer 1

使用 moment.js 可以轻松解决问题， 更多信息请参考http://momentjs.com/docs/#/parsing/utc/。

   1. npm install moment
    2. import * as _moment from 'moment';
    const moment = _moment;
    const utcDate = moment.utc();
    console.log(utcDate.format());

要解析日期你可以使用moment参考下面的代码

const duration = moment.duration({ 'months': 0 });
if (this.variable33) {
  this.variable10 = moment(this.variable33).subtract(duration).format('YYYY-MM-DD');
  console.log('date changed ', this.variable10);