怎么把Angular material datepicker date转换成UTC格式?

时间:2019-11-21 10:00:54

标签: angular

我正在输入日期,并使用角材料datepicker,并将其存储在反应形式变量中。 但是我希望日期采用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]
    })

预先感谢

1 个答案:

答案 0 :(得分:0)

使用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);