如何在角度材料中将年份输入字段限制为 4 位答案

【问题标题】：How to restrict year input field to 4 digit in angular material如何在角度材料中将年份输入字段限制为 4 位
【发布时间】：2022-01-18 12:43:58
【问题描述】：

这是我的 HTML 代码 sn-p
我正在使用材料设计我想限制用户不要输入比 mat-date 选择器更多的数字

<td width="1%" class="inputlabel" nowrap="">Start Date</td>
    <td width="30%">
    <!-- <input type="date" [(ngModel)]="startDate" [ngModelOptions]="{standalone: true}">
     -->
    <mat-form-field appearance="fill" maxlenght='4'>
    <input matInput [matDatepicker]="picker" [ngModelOptions]="{standalone: true}"
    [(ngModel)]="startDate">
    <mat-datepicker-toggle class="calender-date-picker" matSuffix [for]="picker">
     </mat-datepicker-toggle>
     <mat-datepicker #picker></mat-datepicker>
      </mat-form-field>
    <a href="javascript:void(0)" tabindex="-1"><img
     [matTooltip]="get_Tooltip('search_creationDateRange')" matTooltipPosition="right"
    src="assets/images/info.gif" border="0" align="middle"></a>

【问题讨论】：

标签： html angular angular-material

【解决方案1】：

尝试在按键上将 startDate 字符串切成 10 个字符。

<input matInput [matDatepicker]="picker" [ngModelOptions]="{standalone: true}"
    [(ngModel)]="startDate" (keyup)="sliceDate()">
    
    
sliceDate(){
this.startDate = this.startDate.slice(0,10)
}

【讨论】：