angular-material - 角 6 和角材料,日期选择器不起作用
问题描述
我在这里使用带有角度 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>
但是当我单击要选择的日期时,我在控制台中收到此错误:
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)
并且日期不会出现在 datepicker 字段中。有什么问题 ?
解决方案
我刚刚遇到这个问题并使用 cli 命令解决了它ng update @angular/material
。重新启动,ng serve
一切正常。
推荐阅读
- c# - Getting 'relation "schemaversions" does not exist error'
- windows - 使用 CEF 使父窗口透明而子窗口不透明
- oracle - 性能:XMLDom vs XMLTable vs Extractvalue()
- c# - 使用 IronPython 从 C# 运行 Python 脚本
- javascript - 使用JS函数时HTML闪烁
- spring - 在 JpaRepository 中相交
- java - 在java中操作数组中的索引值时出现问题
- php - 样式列表只有css没有js和其他
- python - 为什么 if 语句不能识别 int == 0?
- python - ImportError:没有名为 can 但根据 pip list 存在的模块