angular - 如何始终在今天打开 PrimeNg 的 p 日历

Question

''我在我的 Angular 应用程序中使用 PrimeNg 的日历。我正在使用多项选择模式并将日历绑定到数据库中的日期数组。日历从数据库范围内的最新日期开始，但我希望它始终以今天的日期开始，然后用户可以前后导航以查看数据库中先前选择的日期。我设置了 defaultDate 但它没有任何区别。

请帮忙。

谢谢，

我的html：

<p-calendar [(ngModel)]="myDates" selectionMode="multiple" [inline]="inline" selectOtherMonths="true" [defaultDate]="defaultDate"></p-calendar>

我的代码：

public myDates: Date[] = [];
public defaultDate: Date = new Date();

constructor()
{
    this.myDates.push(new Date('01-01-2017'));
    this.myDates.push(new Date('01-02-2017'));
    this.myDates.push(new Date('01-07-2017'));
}

Answer 1

对我有用！

在 html 中

<p-calendar [(ngModel)]="date1"></p-calendar>

在 TS

export class CalendarDemo {

    date1: string;

    ngOnInit() {
        let today = new Date();
        this.date1 = today.getMonth() + '/' + today.getDate() + '/' + today.getFullYear();
    }

}

Answer 2

HTML
[minDate]="minDateValue"

TS
this.minDateValue = new Date();