Chrome 建议 Angular Material 日期选择器的密码

Posted 2023-05-07

【中文标题】Chrome 建议 Angular Material 日期选择器的密码

【英文标题】：Chrome suggests password for Angular Material datepicker

【发布时间】：2021-10-29 23:37:08

【问题描述】：

为什么 Chrome 会建议这个日期选择器的密码？我该如何阻止它？

HTML

<mat-form-field appearance="fill">
    <mat-label>Start date</mat-label>
    <input type="text" matInput [formControl]="startDate" [matDatepicker]="picker">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

TS

startDate = new FormControl();

屏幕上只有 2 个输入

【问题讨论】：

尝试删除 type="text"

没什么区别

【参考方案1】：

您是否尝试过 autocomplete="off" ？或删除 type="text" （mat datepickers 不需要那个）

<mat-form-field appearance="fill">
    <mat-label>Start date</mat-label>
    <input matInput autocomplete="off" [formControl]="startDate" [matDatepicker]="picker">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

【讨论】：

尝试删除 type="text" 就像上面那个人说的那样

也没什么区别

我的一个项目中的代码完全相同，并且运行良好，但我使用的是 formControlName="..." 而不是 [formControl]="...",如果输入不可编辑，请尝试添加只读属性。

【参考方案2】：

autocomplete="off" 对我不起作用

所以，要解决这个问题，只需将readonly 添加到您的输入中

就是这样

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

应该允许用户输入日期。不过，这个问题神奇地为我解决了……