Question

我有一个反应形式，在它的内部我想使用有角材料的日期选择器。我已经使用(dateChange)从datepicker中提取了值，但是它本身的值是object类型，并且包含的内容远远超出了我的需要。 Sun Aug 11 2019 00:00:00 GMT-0400 (Eastern Daylight Time)

是否只剩下月份，日期和年份Aug 11 2019而没有其余所有内容？

HTML

 <mat-form-field>
   <input matInput [matDatepicker]="dp" placeholder="Choose a date (dateChange)="updateDOB($event)" disabled>
   <mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
   <mat-datepicker touchUi #dp disabled="false"></mat-datepicker>
 </mat-form-field>

TS（目前非常简单）

updateDOB(dateObject) {
    console.log(dateObject.value);
  }

我一直在阅读大量文档，但仍然无法弄清楚。任何帮助将不胜感激。

Answer 1

尝试一下

-Dspring.profiles.active=test

Answer 2

另一种方法：

dateObject.value.toLocaleString().substring(1, 10)

Answer 3

-更新-

我能够解决该问题。我对对象值进行了字符串化，然后将字符串修剪为仅包含日期。

updateDOB(dateObject) {
    // convert object to string then trim it to yyyy-mm-dd
    const stringified = JSON.stringify(dateObject.value);
    const dob = stringified.substring(1, 11);
    this.applicant.contact[0].dob = dob;
  }

现在结果出来了，2019-08-11对我有用。
如果有人有其他建议，我仍然很高兴听到他们的建议。

如何仅从Angular Material Datepicker中提取日期

3 个答案: