html - 如何从 Angular Material Datepicker 中提取日期

标签 html typescript datepicker angular-material angular8

我有一个 react 形式,我想在其中使用角度 Material 日期选择器。我已经使用 (dateChange) 从日期选择器中提取了值,但它自身的值属于 object 类型,并且包含的​​内容远远超过我需要的内容。 2019 年 8 月 11 日星期日 00:00:00 GMT-0400(东部夏令时间)

是否可以只获取月份、日期和年份 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);
  }

我已经阅读了一堆文档,但仍然无法弄明白。非常感谢任何帮助。

最佳答案

试试这个,

updateDoB(dateObject){
 console.log("DATE in dd/mm/yyyy",dateObject.toLocaleDateString())
}

关于html - 如何从 Angular Material Datepicker 中提取日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57526672/

相关文章:

html - 无序列表中的元素符号点在移动设备上一直向左移动

javascript - 使用navigateByUrl()传递查询参数

javascript - 日期选择器在表单重新加载后显示选定的值

ios - 使用 NSUserDefaults 保存 NSDate

javascript - 查找从 jQuery datepicker 中选取的两个日期之间的差异

html - 4个Divs彼此相邻,且高度相同,并在其下方填充

html - 垂直对齐div内的两行文本

html - 如何设置只有垂直单元格间距的表格样式?

reactjs - 我怎样才能让 TypeScript 对 React Prop 中的传播运算符进行类型检查?

javascript - TypeScript 编译错误