入力にng-bootstrap国際化日付ピッカーを使用する

Question

フランス語の日付ピッカーを入力フォームに入れたい。ここで

は一つの「英語」を有するとNG-ブートストラップ例です。

<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彼らはカスタム日付ピッカーで<ngbd-datepicker-i18n></ngbd-datepicker-i18n>を使用してフランスのものを作る方法を説明し、here方法についていくつかの詳細がありますそれを使用する。

しかし、私が望むのは、テンプレート参照変数#d="ngbDatepicker"がinputタグの内側にあるものと同じものを使用することです。 #d="myCustomNgbDatepicker"のようなものです。

可能ですか？そしてもしそうなら、どうですか？

Answer 1

あなたは二つのこと

1. DateI18nFormaterがDateParserFormatterは、私が試したのでNgbDateParserFormatter

あなたmodule.tsで

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