当前位置: 首页 > 知识库问答 >
问题:

角材料日期拾取器工作不正常

吕亮
2023-03-14

我正试图使用bellow提到的角材料datepicker获得日期,

<mat-form-field>
<mat-label>Custom calendar color</mat-label>
<input matInput [matDatepicker]="picker2">
<mat-datepicker-toggle matSuffix [for]="picker2"></mat-datepicker-toggle>
<mat-datepicker #picker2 color="primary"></mat-datepicker>
</mat-form-field>
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatNativeDateModule } from '@angular/material';

imports: [
  MatDatepickerModule,
  MatNativeDateModule
],

“依赖关系”:{“@Angulation/Animations”:“^8.2.9”,“@Angulation/CDK”:“^8.2.3”,
“@Angulation/core”:“~8.2.0”,
“@Angulation/Material”:“^8.2.3”,
“@Angulation/Router”:“~8.2.0”,“Angulation-Material-DatePicker”:“0.0.2”,“Angulation-Material-DatePicker”:“^1.0.2”,
“Hammerjs”:“^2.0.8”,“ng-Material-DatePicker”:“

但是日期选择器图标不工作,甚至图标也不显示在视图中。我也更新了角材料版本,但那不起作用。这个问题的解决方案是什么?

共有1个答案

阎晗日
2023-03-14

您还必须导入matformfieldmodulematinputmodule才能使其工作。

另外,不要忘记导入BrowserAnimationSmodule。看看这个StackBlitz

 类似资料:
  • 我正在为我的项目使用角材料。

  • 我有一个应用程序可以加载Angular 2.0。0,所有rc版本之后的9/14/16版本。我试图添加AngularMaterial2,谷歌团队发布的官方MD版本。我正在从他们的入门网站复制/粘贴代码,但我使用的是Atom而不是angular cli,因为我已经构建了应用程序的开始部分。Atom typescript找到了所有内容,并表示没有错误。但是,尽管经过了大量的试用,当修改后的应用程序无法加

  • 使用移动默认日期选择器是有意义的,但是在使用材质设计时,如何在常规web应用程序上获得一致的日期选择器呢? 角材设计网站(no picker):https://material.angularjs.org/#/ 谷歌材料设计网站(有picker):http://www.google.com/design/spec/components/pickers.html

  • 我试着用angular-6中的angular材质 我的材料。单元ts是这样的 它正在给出错误 请帮帮我

  • 我正在制作一个有棱角的材料网站。它包含一个日期选择器。日期选择器启用了弹出窗口,但禁用了输入。在该样式下输入一条虚线。如何更改样式以使虚线为实线? 文档中有一个禁用输入的日期选择器示例:https://material.angular.io/components/datepicker/examples请参阅“禁用日期选择器”部分。

  • 我试图在表中使用日期选取器添加和删除行。默认情况下,日期选取器不起作用。但是我点击了添加行按钮,它已经工作了。我找不到解决方案。 请参考小提琴位置。