javascript - 手动输入日期格式

Question

我正在使用ng-pick-datetime用于选择和显示日期。我已在构造函数中使用 dateTimeAdapter.setLocale('en-IN') 将日期格式更改为 DD/MM/YYYY 。如果我单击日历并选择日期，其格式为DD/MM/YYYY，但如果我手动输入03/28/2019，它仍然接受。即使在打字时，我也想限制除 DD/MM/YYYY 之外的其他格式。请帮帮我。

代码

<input (ngModelChange)="onChangeDate($event)" [(ngModel)]="dob" name="date" [owlDateTimeTrigger]="dt1" [owlDateTime]="dt1" required>
<owl-date-time class="" [pickerType]="'calendar'" [startView]="'multi-years'" #dt1></owl-date-time>

import { DateTimeAdapter } from 'ng-pick-datetime';
constructor(dateTimeAdapter: DateTimeAdapter<any>){dateTimeAdapter.setLocale('en-IN');}

Answer 1

有多种方法可以验证您的输入。在这里我为您的问题提供了解决方案。

https://stackblitz.com/edit/ng-pick-datetime-format-i18n-qwhyb3?embed=1&file=src/app/app.component.html

我已添加输入类型为“文本”、模式(您需要“DD/MM/YYYY”)和背景 CSS 来获取输入标记的有效和无效状态。

<input type="text" pattern="^([0-2][0-9]|(3)[0-1])(\/)(((0)[0-9])|((1)[0-2]))(\/)\d{4}$" (ngModelChange)="onChangeDate($event)" [(ngModel)]="dob" name="date" [owlDateTimeTrigger]="dt1" [owlDateTime]="dt1" required>