2016-12-15 10 views
2

私のプロジェクトにng2-datepickerを統合しようとしています。ng2-datepickerオプションが動作しません

オプションを使用しようとするまでうまくいきました。ドキュメントによると、プロパティバインディングを使用してコンポーネントにオプションを渡すことができます。

<ng2-datepicker [(ngModel)]="date" viewFormat="DD-MM-YYYY" name="date"></ng2-datepicker> 

しかし、日付はまだ(とどれがマニュアルに従って、デフォルトのフォーマットであるために仮定されたものではありません)間違った形式で表示されます。だから私は、形式をカスタマイズしてみました。

また、デフォルトでは、オプションopenedを使用してカレンダーを開こうとしましたが、それも機能しませんでした。

私はgithubで参照されている問題を調べましたが、この問題はまだ明らかではありません。それで私は何かを誤解したと思う。

アイデア?

答えて

4

文書は最新ではありませんでした。さて、 "options"属性を使ってオプションを渡すことができます。 mycomponent.ts

<ng2-datepicker [(ngModel)]="date" name="date" [options]="calendarOptions"></ng2-datepicker> 

export class MyComponent implements OnInit { 
    calendarOptions = { 
    format: "DD-MM-YYYY", 
    firstWeekdaySunday: false 
    }; 
1
this.datepickerOptions = new DatePickerOptions({ 
      format: 'DD-MM-YYYY' 
}); 
HTML

< ng2-datepicker name="dateExpires" [options]="datepickerOptions "> 
内部

使用mycomponent.html

関連する問題