Question

我已经实现了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]] });

Answer 1

解析手动日期输入是已知问题，修复将在rc.1

中发布

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

1 个答案: