用户输入日期时如何自动添加点？

Question

我正在为角度创建日期输入字段。我希望angular在插入日期（如02（自动）。04（自动。）2019）时自动输入点。

Answer 1

到目前为止，ngx-mask是最好的角度蒙版之一，您可以轻松构建一个模式，该模式将在日期00.00.0000处浮动，对于数字（0-9）为0

   <input mask="00.00.0000" formControlName="date"  [dropSpecialCharacters]="false"> 

  

如果将dropSpecialCharacters设置为false，这将删除点字符，请检查回购中所有可能的选项

stackblitz demo

安装

npm install --save ngx-mask

在应用程序模块中导入NgxMaskModule

import {NgxMaskModule} from 'ngx-mask'


@NgModule({
  imports:      [ BrowserModule, FormsModule , ReactiveFormsModule , NgxMaskModule.forRoot({
    showMaskTyped : true,
  }) ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

Answer 2

选中此ngx-mask

您需要将其初始化为null，因为它是一个接口，然后只需遵循文档

import { NgxMaskModule, IConfig } from 'ngx-mask';
export const options: Partial<IConfig> | (() => Partial<IConfig>) = null;