2017-08-31 77 views
1

材料Datepicker在angular4项目中不工作。我做了一切,如角度正式文件here所示,但它仍然给出了一个错误。 这是我的模块材料Datepicker不能在Angular4中工作

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

这是进口

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

,这是HTML

<md-form-field> 
    <input mdInput [mdDatepicker]="picker" placeholder="Choose a date"> 
    <md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle> 
    <md-datepicker #picker></md-datepicker> 
</md-form-field> 

错误截图

enter image description here

角版本

enter image description here

+0

您正在使用哪个版本的素材2? – Faisal

+0

现在加入问题 – RajnishCoder

+0

更新到素材2.0.0-beta.10,''已在该版本中引入。 – Faisal

回答

2

<md-datepicker-toggle>已经在材料2版2.0.0-beta.10被引入。

mdDatepickerToggle现在是一个元素< MD-日期选择器,切换>用的指向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

这里是一个working demo使用版本2.0.0-beta.10。