Angular 和 PrimeNg Datepicker(p-calendar):禁用未来日期

问题描述 投票:0回答:1

我正在尝试使用 primeNG datepicker 来选择日期,我需要禁用所有未来日期(不包括今天),除了 [maxDate] 输入不起作用,实际上,如果我应用它,它会禁用所有日期。我已经阅读了 StackOwerflow 上的文档和所有相关/类似的问题,问题可能来自于我使用 NgModel,但不幸的是我除了使用它别无选择! 我还尝试定义最小和最大日期,但如果我像这样定义最小日期:

 minDate = new Date(1900, 0, 1) 

它仍然禁用所有日期...

我的代码:

maxDate = new Date()

        <p-calendar 
          [(ngModel)]="dateSince" 
          [showIcon]="true" inputId="icon" 
          [maxDate]="maxDate"></p-calendar>

即使使用 momentJS,我也尝试了不同的日期格式,但我总是收到错误,即使在使用 .toISOString() 后,字符串也无法分配给日期,我什至尝试定义disableDates,但这也不起作用。

PrimeNg 的版本是:“^12.0.0”(我也无法修改它) 谢谢

angular datepicker primeng angular-date-format
1个回答
0
投票

我的代码也有类似的问题,每当我尝试使用 maxDate 时,我无法选择任何内容,并且日历会冻结。通过尝试设置 maxDate 的方法,我发现在我的情况下它会冻结,因为我试图在我的组件中使用无限期调用的 setter。我将所有内容移至 ngOnInit 然后它就起作用了。另外,直接用日期实例化变量似乎也能完成这项工作

© www.soinside.com 2019 - 2024. All rights reserved.