ng2-datepicker选项无效

Question

我正在尝试将ng2-datepicker集成到我的项目中。

在我尝试使用这些选项之前，它工作正常。根据文档，我可以使用属性绑定将选项传递给组件。所以我尝试自定义格式：

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

但是日期仍然以错误的格式显示（根据文档，这不是应该是默认格式的日期）。

我还尝试使用选项opened默认打开日历，但它也无效。

我查看了github上引用的问题，没有人提到这个问题，这个问题很明显。这让我觉得我误解了一些东西。

有什么想法吗？

Answer 1

文档不是最新的。现在，我们可以使用＆＃34;选项传递选项＆＃34;属性。

在 mycomponent.html ：

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

在 mycomponent.ts ：

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

Answer 2

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

在HTML中使用

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

Answer 3

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