Angular 如何在角材质日期选择器中隐藏周末日期

Angular 如何在角材质日期选择器中隐藏周末日期,angular,angular-material,Angular,Angular Material,是否可以在mat datepicker中隐藏周六/周日的日期。 或者另一种方法是重新安排,从周一开始 任何帮助/建议都将不胜感激。好吧,你不能隐藏它们。但是,您可以将其禁用,以防止用户选择任何周末日期 您需要使用matDatepickerFilter选项来完成此操作 在datepicker-filter.html中 <mat-form-field class="example-full-width"> <input matInput [matDatepickerFilte

是否可以在mat datepicker中隐藏周六/周日的日期。 或者另一种方法是重新安排,从周一开始


任何帮助/建议都将不胜感激。

好吧,你不能隐藏它们。但是,您可以将其禁用,以防止用户选择任何周末日期

您需要使用
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。我不认识那个伙计。谢谢你的启示!:-)很好,很有帮助!