html - ng2-datepicker 选项不起作用

Question

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

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

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

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

我还尝试使用该选项默认打开日历，opened但它也不起作用。

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

有任何想法吗？

score 5 · Accepted Answer

文档不是最新的。现在，我们可以使用“options”属性传递选项。

在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
  };

score 2 · Accepted Answer

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

在 HTML 内部使用

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

score 0 · Accepted Answer

0

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

于 2019-03-08T09:27:02.843 回答

3 回答 3