如何解决如何将PrimeNG Calendar Navigator限制为设置的yearRange?
我已将p-calendar
设置为特定的yearRange
,并使用minDate
禁用超出我的范围的天数。我正在使用yearNavigator
和monthNavigator
选项。我想知道如何防止yearNavigator
选择列表移动到我的设定范围之内或之外。
例如,虽然我的yearRange
设置为2019:2021
并且禁用了2019年1月1日之前的日期,但用户仍然可以导航到2019年1月并单击上一个箭头按钮到达2018年12月然后yearNavigator
下拉列表将更新为显示2018:2020
。用户无法选择禁用日期,但我宁愿不显示年份中没有有效日期的月份。
我可能可以使用onMonthChange
事件检查日期并禁用/隐藏上一个箭头,但是我想知道是否有一种更简单的方法来防止yearNavigator
更改为一年以外的年份预设范围?
<p-calendar
formControlName="endDate"
[required]="true"
[minDate]="minDate"
[monthNavigator]="true"
[yearNavigator]="true"
[yearRange]="2019:2021"
[readonlyInput]="true"
[showIcon]="true"
></p-calendar>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。