使用 Angular 10 和 Angular Material 10,在表单中使用日期选择器与其他输入表单字段不对齐,如下图所示:字段未对齐 https://i.stack.imgur.com/D4Hc4.png
~component.html 中的示例代码:
<mat-form-field color="primary" appearance="fill">
<mat-label>Data Da</mat-label>
<input matInput [matDatepicker]="picker1" [(ngModel)]="dataDa">
<mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
<mat-datepicker #picker1 color="primary"></mat-datepicker>
</mat-form-field>
<mat-form-field class="example-form-field" appearance="fill">
<mat-label>Ora Da</mat-label>
<input matInput type="text" [(ngModel)]="oraDa">
</mat-form-field>
如果您尝试一下,是否也遇到同样的问题?
这似乎是一个错误。
我找到了这个解决方案:
在 ~component.scss 文件中,我放置了以下 css 规则:
::ng-deep mat-datepicker-toggle.mat-datepicker-toggle button.mat-focus-indicator.mat-icon-button.mat-button-base {
display: inherit;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)