在你的component.ts文件中,使用EventEmitter来创建一个名为selectedDate的Output:
@Output() selectedDate = new EventEmitter
在你的HTML文件中,在mat-datepicker上添加一个matDatepickerInput监听器,指定属性为(selected)来触发事件,
在你的component.ts文件中,创建一个名为onDateSelected()的函数,该函数在选择新日期时将触发selectedDate EventEmitter
onDateSelected(event) { this.selectedDate.emit(event.value); }
在你的component HTML文件中,添加一个使用selectedDate EventEmitter Output的监听器:
在你的component.ts文件中,创建一个名为onSelectedDate()的函数,该函数将在选择日期时触发,并将选定的日期作为输入:
onSelectedDate(date: Date) { console.log('Selected date is: ', date); }
现在当你选择日期时,将会触发onSelectedDate()函数,并将选定的日期传递给它。