材质Datepicker在Angular4中不起作用

时间:2017-08-31 07:56:24

标签: angular angular-material2

材质Datepicker在angular4项目中不起作用。我做了一切,如角度官方文件here所示,但它仍然给出了错误。 这是我的模块

row_number()

这是进口

import { MdTabsModule, MdProgressSpinnerModule, MdInputModule, MdDatepickerModule, MdNativeDateModule} from '@angular/material';

这是HTML

imports: [
BrowserModule,
HttpModule,
BrowserAnimationsModule,
MdTabsModule,
MdProgressSpinnerModule,
MdInputModule,
FormsModule,
ReactiveFormsModule,
AmChartsModule,
MdDatepickerModule,
MdNativeDateModule,

错误Scre​​enShot

enter image description here

Angular Version

enter image description here

1 个答案:

答案 0 :(得分:2)

材料2版本<md-datepicker-toggle>中引入了

2.0.0-beta.10

  

mdDatepickerToggle 现在是一个元素&lt;带有for的md-datepicker-toggle&gt;   指向MdDatepicker实例的属性

以下是完成CHANGELOG的链接。如果安装了2.0.0-beta.8或更低版本,则使用<md-datepicker-toggle>会抛出错误。要更新到新版本,请执行以下操作:

  • package.json中,将"@angular/material""@angular/cdk"版本更改为"2.0.0-beta.10"
  • 在终端窗口中,导航到项目中package.json所在的文件夹。
  • 运行命令npm install

以下是使用版本2.0.0-beta.10的working demo