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

Question

我正在输入日期并使用 angular 材料日期选择器，并存储在反应形式变量中。 但我希望日期为 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);