2017-12-12 19 views
2

ngx-bootstrap datepicker 모듈을 구현했으며 영국 날짜 형식을 입력 할 때 문제가 있습니다.반응 양식과 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]] }); 
+1

로컬로 복제 할 수 없으므로 plunkr/stackblitz에서 복제본을 제공 할 수 있습니까? 스타터 템플릿 : Plunkr : https://plnkr.co/edit/0NipkZrnckZZROAcnjzB?p=preview StackBlitz : https://stackblitz.com/edit/ngx-bootstrap?file=app%2Fapp.module.ts – IlyaSurmay

답변

0

을 제기 것, 수정은 rc.1 출시 예정