在Angular Material Datepicker中,当用户选择日期时,会返回一个对象。有时我们需要将此对象转换为字符串,以便保存或显示。但是,当我们尝试使用对象的toString方法时,只会返回一个[object Object]字符串,因为该方法没有被正确实现。
解决此问题的一种方法是使用JavaScript内置的日期对象和toLocaleDateString方法。可以将选择的日期对象的值传递给toLocaleDateString方法,该方法将根据本地化设置返回格式化的日期字符串。
以下是将日期对象转换为本地化日期字符串的示例代码:
import { MatDatepickerInputEvent } from '@angular/material/datepicker';
selectedDate: Date;
onDateChange(event: MatDatepickerInputEvent) {
this.selectedDate = event.value;
}
getSelectedDateString(): string {
return this.selectedDate.toLocaleDateString();
}
在此示例中,我们监听日期选择器的DatepickerInputEvent,并将选择的日期对象存储在selectedDate属性中。然后,我们使用toLocaleDateString方法将选择的日期对象转换为格式化的日期字符串,并通过getSelectedDateString方法返回该字符串。
通过这种方法,我们可以轻松地将Angular Material Datepicker选择的日期对象转换为本地化字符串。