2017-12-12 2 views
2

Ich habe das ngx-bootstrap datypicker Modul implementiert und ich habe ein Problem bei der Eingabe eines britischen Datums formatiert.Verwenden von UK-formatiertem Datum mit reaktivem Formular und ngx-bootstrap datepicker

Ich verwende reaktive Formulare und wenn ich zum Beispiel 16/08/2017 einfüge, wird das Formular sofort ungültig.

Wenn ich das PopUp für die Datumsauswahlsteuerung verwende, und das gleiche Datum auswählen, an dem das Formular gültig ist.

Ich kann nicht herausfinden, warum manuelle Eingabe eines Datums das Formular ungültig macht, aber wenn die Datumsauswahl verwendet wird, ist es gültig?

Hier werden alle relevanten Code ist:

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

Hier ist der entsprechende Code in meinem .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]] }); 
+1

Ich konnte das lokal nicht reproduzieren, können Sie eine Reproduktion auf plunkr/stackblitz liefern? Starter-Vorlagen: Plunkr: https://plnkr.co/edit/0NipkZrnckZZROAcnjzB?p=preview StackBlitz: https://stackblitz.com/edit/ngx-bootstrap?file=app%2Fapp.module.ts – IlyaSurmay

Antwort

0

Parsing manuelle Eingabedatum Problem ist bekannt, Datei wird Fix in rc.1 veröffentlicht

Verwandte Themen