相关疑难解决方法(0)

如何在角度材料日期选择器上添加蒙版

我最近开始使用角度材料来构建角度形式,其中我需要使用角度材料日期选择器,但无法在输入元素上添加任何掩码。

我希望用户只能输入数字并在输入时将其格式化为日期格式(MM/DD/YYYY)。

html

<div class="example-container">
  <mat-form-field appearance="outline" class="col-sm-12 col-md-6 col-lg-6 required margin-top-ten">
    <mat-label>
      <span class="title">Date of Birth (MM/DD/YYYY)</span>  
    </mat-label>
    <input matInput [matDatepicker]="myDatepicker" formControlName="dateOfBirth" maxlength="10">
    <mat-datepicker-toggle matSuffix [for]="myDatepicker"></mat-datepicker-toggle>
    <mat-datepicker #myDatepicker></mat-datepicker>  
  </mat-form-field>
</div>
Run Code Online (Sandbox Code Playgroud)

注意:我试图使用ngx-mask并且不仅仅在日期选择器上工作,在电话或传真字段等常规文本输入上工作得很好。

angular

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1