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

2024-04-05

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

请帮忙。

Thanks,

my html:

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

my code:

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'));
}

对我来说有效!

In html

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

in TS

export class CalendarDemo {

    date1: string;

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

}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何始终在今天的日期打开 PrimeNg 的 p 日历 的相关文章