angular2物料和日期-如何获取当前选择的日期

在Angular 2中，可以使用Angular Material库来获取当前选择的日期。Angular Material是一个UI组件库，提供了丰富的可重用组件，包括日期选择器。

要获取当前选择的日期，可以使用Angular Material提供的MatDatepicker组件和MatDatepickerInput指令。以下是一些步骤：

1. 首先，确保已经安装了Angular Material库。可以通过运行以下命令来安装：

npm install @angular/material

1. 在需要使用日期选择器的组件中，导入相关的Angular Material模块和组件：

import { MatDatepickerModule } from '@angular/material/datepicker';

import { MatInputModule } from '@angular/material/input';

import { MatNativeDateModule } from '@angular/material/core';

1. 在组件的NgModule中，将这些模块添加到imports数组中：

@NgModule({

 imports: [

   MatDatepickerModule,

   MatInputModule,

   MatNativeDateModule

 ],

 // ...

})

export class YourModule { }

1. 在组件的HTML模板中，使用MatDatepicker组件和MatDatepickerInput指令来创建日期选择器：

<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属性。

1. 在组件的代码中，可以通过访问selectedDate属性来获取当前选择的日期：

selectedDate: Date;

你可以在需要的地方使用selectedDate属性来获取当前选择的日期。

以上是使用Angular Material获取当前选择的日期的步骤。Angular Material提供了丰富的UI组件，可以帮助开发者快速构建现代化的Web应用程序。如果你想了解更多关于Angular Material的信息，可以访问腾讯云的Angular Material产品介绍页面：Angular Material - 腾讯云。