Angular 如何在角材质日期选择器中隐藏周末日期
是否可以在mat datepicker中隐藏周六/周日的日期。 或者另一种方法是重新安排,从周一开始Angular 如何在角材质日期选择器中隐藏周末日期,angular,angular-material,Angular,Angular Material,是否可以在mat datepicker中隐藏周六/周日的日期。 或者另一种方法是重新安排,从周一开始 任何帮助/建议都将不胜感激。好吧,你不能隐藏它们。但是,您可以将其禁用,以防止用户选择任何周末日期 您需要使用matDatepickerFilter选项来完成此操作 在datepicker-filter.html中 <mat-form-field class="example-full-width"> <input matInput [matDatepickerFilte
任何帮助/建议都将不胜感激。好吧,你不能隐藏它们。但是,您可以将其禁用,以防止用户选择任何周末日期 您需要使用
matDatepickerFilter
选项来完成此操作
在datepicker-filter.html中
<mat-form-field class="example-full-width">
<input matInput [matDatepickerFilter]="myFilter" [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
希望这有帮助 嗯,你不能把它们藏起来。但是,您可以将其禁用,以防止用户选择任何周末日期
<input matInput [matDatepicker]="lastdatepicker"
[matDatepickerFilter]="weekendsDatesFilter" [min]="minlastDateOfProposedTrading"
[max]="lastDateOfProposedTradingDate" placeholder="DD/MM/YYYY"
formControlName="lastDateOfProposedTrading" required/>
weekendsDatesFilter = (d: any):boolean => {
const day = d.getDay();
return day !== 0 && day !== 6 ;
}
您需要使用matDatepickerFilter
选项来完成此操作
在datepicker-filter.html中
<mat-form-field class="example-full-width">
<input matInput [matDatepickerFilter]="myFilter" [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
希望这有帮助
<input matInput [matDatepicker]="lastdatepicker"
[matDatepickerFilter]="weekendsDatesFilter" [min]="minlastDateOfProposedTrading"
[max]="lastDateOfProposedTradingDate" placeholder="DD/MM/YYYY"
formControlName="lastDateOfProposedTrading" required/>
weekendsDatesFilter = (d: any):boolean => {
const day = d.getDay();
return day !== 0 && day !== 6 ;
}
WeekendDatesFilter=(d:any):布尔=>{
const day=d.getDay();
返回日期!==0&&day!==6;
}
WeekendDatesFilter=(d:any):布尔=>{
const day=d.getDay();
返回日期!==0&&day!==6;
}
啊,好吧,我在前面偶然发现了一个类似的答案,如果真的没有办法隐藏周末,那么这很可能是最好的解决方案。谢谢你,大卫!如果您使用矩,您将得到矩对象而不是日期对象。您需要将.getDay()替换为.isoWeekday()。周六和周日的指数分别为6和7。我不认识那个伙计。谢谢你的启示!:-)很好,很有帮助!啊,好吧,我之前偶然发现了一个类似的答案,如果真的没有办法隐藏周末,那么这很可能是最好的解决方案。谢谢你,大卫!如果您使用矩,您将得到矩对象而不是日期对象。您需要将.getDay()替换为.isoWeekday()。周六和周日的指数分别为6和7。我不认识那个伙计。谢谢你的启示!:-)很好,很有帮助!