입력에 ng-bootstrap internationalized datepicker를 사용합니다.

Question

입력 양식에 french datepicker를 갖고 싶습니다. 그들은 방법에 대한 자세한 내용은이 사용자 정의 날짜 선택기와 <ngbd-datepicker-i18n></ngbd-datepicker-i18n> 및 here를 사용하여 프랑스를 만드는 방법을 설명

<form class="form-inline"> 
    <div class="form-group"> 
    <div class="input-group"> 
     <input class="form-control" placeholder="yyyy-mm-dd" 
      name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker"> 
     <button class="input-group-addon" (click)="d.toggle()" type="button"> 
     <img src="img/calendar-icon.svg" style="width: 1.2rem; height: 1rem; cursor: pointer;"/> 
     </button> 
    </div> 
    </div> 
</form> 

Here : 여기

은 하나에 "영어"를 가지고있는 NG-부트 스트랩 예이다 그것을 사용하십시오.

하지만 내가 원했던 것은 템플릿 참조 변수 #d="ngbDatepicker"이 내 input 태그 안에있는 것과 동일한 것을 사용하는 것입니다. #d="myCustomNgbDatepicker"과 같은 것입니다.

가능합니까? 그리고 그렇다면, 어떻게? 나는 시도하기 때문에

Answer 1

당신은 두 가지

을해야

1. DateI18nFormater가 NgbDatepickerI18n에게
2. 를 확장하는 DateParserFormatter이 module.ts에 NgbDateParserFormatter

를 확장

providers: [ 
     { provide: NgbDateParserFormatter, useClass: DateParserFormatter }, 
     I18n, 
     { provide: NgbDatepickerI18n, useClass: DateI18nFormater } 
    ]