AngularNg2日期选择器不会自动刷新禁用日期。
创始人
2024-10-28 16:30:22
0

首先,通过@ViewChild选择日期选择器组件。然后,定义一个名为disableDates的函数,该函数将返回一组要禁用的日期。在ngAfterViewInit生命周期钩子中,调用setAttribute()方法来更新组件中禁用的日期。最后,更新日期时,调用更新函数以刷新禁用的日期。示例代码如下:

import { Component, ViewChild, AfterViewInit } from '@angular/core'; import { Ng2BootstrapModule } from 'ng2-bootstrap'; import * as moment from 'moment';

@Component({ selector: 'app-datepicker', templateUrl: './datepicker.component.html' }) export class DatepickerComponent { @ViewChild('datepicker') datepicker;

// define function to return disabled dates disableDates(): any { let now = moment(); return { daysOfWeek: [0, 6], daysOfMonth: [1, 2, 3, 4, 5], dates: [now.add(1, 'M').add(2, 'd')] }; }

// update disable dates updateDisableDates(): void { let dates = this.disableDates(); this.datepicker.setAttribute('options', '{ "disable": ' + JSON.stringify(dates) + ' } '); }

// call update function when dates change onDateChange(): void { this.updateDisableDates(); }

// call update function when component initializes ngAfterViewInit(): void { this.updateDisableDates(); } }

请注意,moment.js库是在此示例中使用的日期库之一,仅供参考。actual example may use a different library or approach.

相关内容

热门资讯

wepokeai代打的胜率!德... wepokeai代打的胜率!德扑之星是什么机制,(wepoker)原生是真的有挂(详细透视解说技巧)...
透视透视(德州之星外挂)wep... 透视透视(德州之星外挂)wepoke计算辅助(详细辅助黑科技教程)往昔是有挂,您好,这款游戏可以开挂...
德州之星插件!wpk德州辅助,... 1、德州之星插件!wpk德州辅助,(aAPOKER)起初存在有挂(详细透视大神讲解)2、进入游戏-大...
辅助透视(wpk外挂)wpk使... 辅助透视(wpk外挂)wpk使用ai辅助会封号吗(详细辅助透牌教程)一向真的有挂1、完成透视辅助安装...
wepoke辅助插件!云扑克是... wepoke辅助插件赢率提升策略‌;wepoke辅助插件!云扑克是否有外挂,(WEPoke)总是真的...
透视透视(德州ai机器人)we... 您好,这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游戏中打牌都...
德扑ai助手!wpk脚本,(w... 德扑ai助手新手教程相关信息汇总(需添加指定Q群1067239143获取下载链接);德扑ai助手!w...
德扑数据软件!wepoke辅助... 德扑数据软件!wepoke辅助透视是不是真的,(AaPOKER)固有真的是有挂(详细透视插件教程);...
透视软件(德州ai辅助)微扑克... 透视软件(德州ai辅助)微扑克智能ai辅助(详细辅助攻略教程)原先是真的有挂1. ai辅助创建新账号...
aapoker透明挂!wepo... aapoker透明挂!wepoke有挂吗网上靠谱吗,(wEpoKe)最初存在有挂(详细辅助曝光教程)...