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

相关内容

热门资讯

黑科技教程!cloud辅助(线... 黑科技教程!cloud辅助(线上wpk德州ai机器人)原本是有挂(确实有挂)-哔哩哔哩1、打开德州p...
黑科技实锤!wepoke黑科技... 黑科技实锤!wepoke黑科技设备(aapokerai辅助)往昔是真的有挂(真实有挂)-哔哩哔哩;人...
黑科技插件!德扑之星辅牌软件(... 黑科技插件!德扑之星辅牌软件(aapoker真的有猫腻吗)好像是真的有挂(有挂方针)-哔哩哔哩;一、...
黑科技新版!aapokerai... 黑科技新版!aapokerai辅助(德扑AI策略软件)果然存在有挂(有挂方式)-哔哩哔哩1、很好的工...
黑科技安卓版!gg扑克发牌是有... 黑科技安卓版!gg扑克发牌是有机制(微扑克透牌)往昔是真的有挂(竟然有挂)-哔哩哔哩1、在微扑克透牌...
黑科技挂!wpk有猫腻(wep... 1、黑科技挂!wpk有猫腻(wepokeai代打)素来有挂(详细教程)-哔哩哔哩;该软件可以轻松地帮...
黑科技好友!cloud辅助(微... 黑科技好友!cloud辅助(微扑克如何让系统发好牌)起初是有挂(有挂解密)-哔哩哔哩是一款可以让一直...
黑科技好友房!aapoker辅... 黑科技好友房!aapoker辅助透视(德扑ai机器人软件开发)都是真的有挂(有挂攻略)-哔哩哔哩是一...
辅助黑科技!wepoke透明挂... 辅助黑科技!wepoke透明挂在哪买(德州ai软件购买)真是存在有挂(有挂技术)-哔哩哔哩是一款可以...
黑科技好友房!德扑AI策略软件... 黑科技好友房!德扑AI策略软件(德州ai辅助软件)最初真的是有挂(了解有挂)-哔哩哔哩1、打开德州p...