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

相关内容

热门资讯

透视经验!epoker免费透视... 透视经验!epoker免费透视脚本(WePoKer插件)一直真的是有辅助技巧(哔哩哔哩)1、下载好e...
透视诀窍!哈糖大菠萝软件下载(... 透视诀窍!哈糖大菠萝软件下载(透视)impoker辅助(辅助)其实是真的有攻略(哔哩哔哩)1、任何哈...
透视绝活儿!hhpoker作必... 透视绝活儿!hhpoker作必弊实战视频(WePoKer高级)果然是有辅助工具(哔哩哔哩)1、进入游...
透视办法!pokemmo辅助官... 透视办法!pokemmo辅助官网(透视)拱趴大菠萝自动计算机器人(辅助)原来存在有软件(哔哩哔哩)1...
透视攻略!拱趴大菠萝挂怎么安装... 透视攻略!拱趴大菠萝挂怎么安装(WePoKer模拟器)总是存在有辅助软件(哔哩哔哩)1、许多玩家不知...
透视指南书!红龙poker辅助... 透视指南书!红龙poker辅助器免费观看(透视)pokerworld修改器(辅助)都是有软件(哔哩哔...
透视经验!wejoker手机版... 透视经验!wejoker手机版透视脚本(WPK真假)其实存在有辅助插件(哔哩哔哩)wejoker手机...
透视课程!拱趴大菠萝万能辅助器... 透视课程!拱趴大菠萝万能辅助器(透视)uupoker有透视吗(辅助)总是真的是有插件(哔哩哔哩)1、...
透视窍要!hh poker辅助... 透视窍要!hh poker辅助有用吗(WePoKer脚本)果然是有辅助技巧(哔哩哔哩)1、hh po...
透视积累!来玩app破解(透视... 透视积累!来玩app破解(透视)pokemmo脚本辅助器下载(辅助)好像存在有神器(哔哩哔哩)1、p...