ng2-datepicker options not working

Question

I am trying to integrate ng2-datepicker in my project.

It worked fine until I tried to use the options. According to the documentation, I can pass options to the component using property bindings. So I tried to customize the format :

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

But the date is still displayed in the wrong format (and which is not the one that is supposed to be the default format according to the documentation).

I also tried to open the calendar by default with the option opened and it also did not work.

I looked at the referenced issues on github and none mentions this problem which is yet obvious. That makes me think that I misunderstood something.

Any ideas?

score 5 · Accepted Answer · answered Dec 19 '16 at 21:27

The documentation was not up to date. Now, we can pass options using the "options" attribute.

In mycomponent.html :

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

In mycomponent.ts :

export class MyComponent implements OnInit {
  calendarOptions = {
    format: "DD-MM-YYYY",
    firstWeekdaySunday: false
  };

score 2 · Answer 2 · answered Apr 18 '17 at 13:58

2

this.datepickerOptions = new DatePickerOptions({
          format: 'DD-MM-YYYY'
 });

Use inside HTML

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

answered Apr 18 '17 at 13:58

Mohit Jain

351
1
9

score 0 · Answer 3 · edited Mar 08 '19 at 18:19

0

<ng-datepicker [options]="options"> </ng-datepicker>

edited Mar 08 '19 at 18:19

Brian Tompsett - 汤莱恩

5,753
72
57
129

answered Mar 08 '19 at 09:27

Vibhu kumar

386
3
8

ng2-datepicker options not working

3 Answers3