在Angular 2中,可以使用Angular Material库来获取当前选择的日期。Angular Material是一个UI组件库,提供了丰富的可重用组件,包括日期选择器。
要获取当前选择的日期,可以使用Angular Material提供的MatDatepicker组件和MatDatepickerInput指令。以下是一些步骤:
npm install @angular/material
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatInputModule } from '@angular/material/input';
import { MatNativeDateModule } from '@angular/material/core';
@NgModule({
imports: [
MatDatepickerModule,
MatInputModule,
MatNativeDateModule
],
// ...
})
export class YourModule { }
<mat-form-field>
<input matInput [matDatepicker]="picker" placeholder="选择日期" [(ngModel)]="selectedDate">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
在上面的代码中,ngModel指令用于双向绑定选择的日期到组件的selectedDate属性。
selectedDate: Date;
你可以在需要的地方使用selectedDate属性来获取当前选择的日期。
以上是使用Angular Material获取当前选择的日期的步骤。Angular Material提供了丰富的UI组件,可以帮助开发者快速构建现代化的Web应用程序。如果你想了解更多关于Angular Material的信息,可以访问腾讯云的Angular Material产品介绍页面:Angular Material - 腾讯云。
领取专属 10元无门槛券
手把手带您无忧上云