Как автоматически добавлять точки, когда пользователь вводит дату?

Question

Я создаю поле ввода для даты в угловых. Я хочу, чтобы angular автоматически вводил точку, когда я вставляю дату наподобие 02 (автоматически.) 04 (автоматически.) 2019

Answer 1

пока ngx-mask одна из лучших угловых масок, и вы можете легко построить шаблон, этот шаблон будет роковым для даты 00.00.0000, 0 для цифр (0-9)

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

если вы установите для dropSpecialCharacters значение false, это приведет к удалению символа точки, проверьте репо для всех возможных вариантов

демонстрация stackblitz ?

Установка

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 { }