AngularmatDatepicker禁用日期转型
创始人
2024-10-28 07:01:37
0

要禁用matDatepicker中的日期转型,可以使用DateAdapter中的format方法。可以扩展NativeDateAdapter并覆盖format()。以下是一个示例:

import { NativeDateAdapter} from '@angular/material/core';
import { MatDateFormats } from '@angular/material/core';

export class MyDateAdapter extends NativeDateAdapter {
  format(date: Date, displayFormat: Object): string {
    if (displayFormat === 'input') {
      const day = date.getDate();
      const month = date.getMonth() + 1;
      const year = date.getFullYear();
      return `${year}-${month}-${day}`;
    }
    return date.toDateString();
  }
}

export const MY_DATE_FORMATS: MatDateFormats = {
  parse: {
    //不需要设置解析格式;
    dateInput: null,
  },
  display: {
    dateInput: 'input',
    monthYearLabel: 'MM/YYYY',
    dateA11yLabel: 'LL',
    monthYearA11yLabel: 'MMMM YYYY',
  },
};

//添加到模块之后,可以使用它对matDatepicker的所有日期选项卡进行禁用。MatDatePicker中有一个“dateClass“选项,它可以使用matDatepicker的日历组件中的自定义函数来禁用特定日期。

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css'],
  providers: [
    { provide: DateAdapter, useClass: MyDateAdapter },
    { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
  ],
})
export class MyComponent {}

//在模板上设置日期className样式来禁用它
template:
  
    
    
    
  

ts:
  dateClass() {
    return (date: Date): MatCalendarCellCssClasses => {
      const day = date.getDate();
      // Disable 1st of

相关内容

热门资讯

黑科技透明挂!红龙poker正... 黑科技透明挂!红龙poker正规吗(透视)往昔真的是有挂(有挂黑科技)-哔哩哔哩是由北京得红龙pok...
黑科技私人局!wpk数据手机软... 黑科技私人局!wpk数据手机软件叫啥(ai辅助)太坑了存在有挂(力荐教程黑科技详情)-哔哩哔哩进入游...
黑科技软件!德扑赔率胜率计算(... 黑科技软件!德扑赔率胜率计算(黑科技)都是是真的有挂(有挂德州)-哔哩哔哩;玩家必备必赢加哟《136...
黑科技真的!aapoker有外... 黑科技真的!aapoker有外挂吗(ai辅助)太坑了真的有挂(技巧教程黑科技脚本)-哔哩哔哩;1、a...
黑科技软件!AApoker辅助... 1、黑科技软件!AApoker辅助工具(透视)其实有挂(有挂智能)-哔哩哔哩;详细教程。2、AApo...
黑科技ai!aapoker有外... 黑科技ai!aapoker有外挂,wepoke有插件吗,攻略方法(有挂了解)-哔哩哔哩1)wepok...
黑科技软件!wepoke有辅助... 黑科技软件!wepoke有辅助吗(ai辅助)太坑了是真的有挂(软件教程黑科技技巧)-哔哩哔哩一、we...
黑科技线上!aa扑克网上的挂真... 黑科技线上!aa扑克网上的挂真的(智能ai)果然真的是有挂(有挂安装)-哔哩哔哩是一款可以让一直输的...
黑科技机器人!wpk有伙牌吗,... 您好,wepoker有外挂吗这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多...
黑科技代打!德州ai辅助神器w... 黑科技代打!德州ai辅助神器wpk(黑科技)太坑了是有挂(技巧教程黑科技详情)-哔哩哔哩;1、完成德...