angular - Angular 2 の ng2-bootstrap で日付パイプが正しく機能しない理由

Question

日付を次の形式: で表示したいのですdd/MM/yyyyが、 でしか表示されませんMM/dd/yyyy。

これが私のものstartdateComponentです：

import {Component, EventEmitter, Output, Input} from '@angular/core';
import {DATEPICKER_DIRECTIVES} from 'ng2-bootstrap/components/datepicker';

@Component({
templateUrl:'./app/home/item_component/start_date_component/start_date_component.html',
directives: [DATEPICKER_DIRECTIVES]
})
export class StartDateComponent () {
chosenDate : Date =  new Date();

getDate() {
    return this.chosenDate;
 }  
}

テンプレートは次のとおりです。

 <div class="col-sm-1 col-sm-offset-1 datePicked ">
   <span>
     <h4>{{getDate() | date: 'dd/MM/yyyy'}}</h4>
   </span>
 </div>

ここで何が問題なのですか？