要从Angular中的输入日期选择器获取日期,可以使用[(ngModel)]指令来绑定日期选择器的值,并在组件中使用事件处理程序来获取所选日期。以下是一个示例:
在组件的HTML模板中,添加一个日期选择器,并将其值绑定到组件的date属性:
在组件的.ts文件中,添加date属性和onDateChange()方法:
import { Component } from '@angular/core';
@Component({
selector: 'app-date-picker',
templateUrl: './date-picker.component.html',
styleUrls: ['./date-picker.component.css']
})
export class DatePickerComponent {
date: string;
onDateChange() {
console.log(this.date); // 打印所选日期
}
}
在上述示例中,当用户选择日期时,ngModelChange事件将触发onDateChange()方法,并将所选日期存储在组件的date属性中。你可以根据需要在onDateChange()方法中执行其他操作。
请注意,如果你想要将日期存储为JavaScript Date对象而不是字符串,可以在组件中使用Date对象来存储日期:
import { Component } from '@angular/core';
@Component({
selector: 'app-date-picker',
templateUrl: './date-picker.component.html',
styleUrls: ['./date-picker.component.css']
})
export class DatePickerComponent {
date: Date;
onDateChange() {
console.log(this.date); // 打印所选日期的Date对象
}
}
希望这可以帮助你解决问题。
下一篇:Angular 4+ 多属性搜索