Angular material 角度6和角度材质,日期选择器不工作

Angular material 角度6和角度材质,日期选择器不工作,angular-material,angular6,Angular Material,Angular6,我使用的是带角6的电子和角材料,这里是项目的依赖项: "dependencies": { "@angular/animations": "^6.1.2", "@angular/cdk": "^6.4.4", "@angular/flex-layout": "^6.0.0-beta.17", "@angular/material": "^6.4.4", "hammerjs": "^2.0.8" },"devDependencies": { "@angular-devkit/build-angul

我使用的是带角6的电子和角材料,这里是项目的依赖项:

"dependencies": {
"@angular/animations": "^6.1.2",
"@angular/cdk": "^6.4.4",
"@angular/flex-layout": "^6.0.0-beta.17",
"@angular/material": "^6.4.4",
"hammerjs": "^2.0.8"
 },"devDependencies": {
"@angular-devkit/build-angular": "0.6.3",
"@angular/cli": "6.1.3",
"@angular/common": "6.1.2",
"@angular/compiler": "6.1.2",
"@angular/compiler-cli": "6.1.2",
"@angular/core": "6.1.2",
"@angular/forms": "6.1.2",
"@angular/http": "6.1.2",
"@angular/language-service": "6.1.2",
"@angular/platform-browser": "6.1.2",
"@angular/platform-browser-dynamic": "6.1.2",
"@angular/router": "6.1.2",
"@ngx-translate/core": "10.0.1",
"@ngx-translate/http-loader": "3.0.1",
"@types/jasmine": "2.8.7",
"@types/jasminewd2": "2.0.3",
"@types/node": "8.9.4",
"codelyzer": "4.2.1",
"core-js": "2.5.6",
"electron": "2.0.3",
"electron-builder": "20.14.7",
"electron-reload": "1.2.2",
"jasmine-core": "3.1.0",
"jasmine-spec-reporter": "4.2.1",
"karma": "2.0.2",
"karma-chrome-launcher": "2.2.0",
"karma-coverage-istanbul-reporter": "2.0.0",
"karma-jasmine": "1.1.2",
"karma-jasmine-html-reporter": "1.1.0",
"npm-run-all": "4.1.3",
"npx": "10.2.0",
"protractor": "5.3.2",
"rxjs": "6.2.2",
"ts-node": "6.0.3",
"tslint": "5.10.0",
"typescript": "2.9.2",
"wait-on": "2.1.0",
"webdriver-manager": "12.0.6",
"zone.js": "0.8.26"
}
我的问题与datepicker元素有关,它在dom中正确显示,代码如下:

<mat-form-field>
   <input matInput [matDatepicker]="picker" placeholder="Choose a date">
   <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
   <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

并且日期不会出现在datepicker字段中。问题是什么?

我刚刚遇到这个问题,并使用cli命令
ng update@angular/material
解决了它。使用
ng serve
重新启动,一切正常。

@在开发环境中绘制了它的工作图,但不知何故,它在prod中没有给出任何结果,并且在prod中没有一个错误console@Vino我总是发现将问题沙箱化到尽可能最简单的环境中是很有用的。也许您可以将日期选择器(并删除任何自定义项)隔离到一个新组件中,然后再次测试它。否则,请在重新创建项目时提供一个链接。@DrewThompson感谢您的建议,它现在可以工作了,我删除了node_modules文件夹,然后安装了npm;我已经删除了node_模块,因为相同的代码在SlackBlitz上工作,但不在project中
zone-mix.js:388 ERROR TypeError: _co.datepicker._select is not a function
    at Object.eval [as handleEvent] (MatDatepickerContent.html:1)
    at handleEvent (core.js:10258)
    at callWithDebugContext (core.js:11351)
    at Object.debugHandleEvent [as handleEvent] (core.js:11054)
    at dispatchEvent (core.js:7717)
    at core.js:9197
    at SafeSubscriber.schedulerFn [as _next] (core.js:3567)
    at SafeSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub (Subscriber.js:195)
    at SafeSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next (Subscriber.js:133)
    at Subscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next (Subscriber.js:77)