使用带有反应形式的英国格式化日期和ngx-bootstrap datepicker

问题描述 投票:2回答:1

我已经实现了ngx-bootstrap datepicker模块,在输入格式化的英国日期时遇到问题。

我正在使用反应形式,当我输入时,例如16/08/2017,表格立即失效。

如果我使用日期选择器控件弹出窗口并选择相同的日期表单有效。

我无法弄清楚为什么手动键入日期会使表单失效但使用日期选择器时有效?

以下是所有相关代码:

  <input type="text" #dp="bsDatepicker" bsDatepicker [(bsValue)]="bsValue" [bsConfig]="datePickerConfig" formControlName="ArchiveToDate"
                    width="50px" placeholder="dd/mm/yyyy">
                <label class="errorMessage" *ngIf="archiveForm.touched && !archiveForm.valid">{{errorMessage}}</label>

这是我的.ts文件中的相关代码

     public datePickerConfig: Partial<BsDatepickerConfig> = new BsDatepickerConfig(); 
colorTheme = 'theme-blue';

defineLocale('en-gb', enGb);
this.datePickerConfig = Object.assign({}, { locale: 'en-gb' }, { containerClass: this.colorTheme });

  this.archiveForm = this.fb.group({ 'ArchiveToDate': [null, [Validators.required]] });
angular-reactive-forms ngx-bootstrap
1个回答
0
投票

解析手动日期输入是已知问题,Fix将在rc.1中发布

© www.soinside.com 2019 - 2024. All rights reserved.