我试图显示禁用过去的日期从当前日期,这意味着用户不应该选择过去的日期从日期选择器。
下面是我用来在日期选择器中设置最小日期的代码
Component.html
<input type="text" formControlName="eventStart" [(ngModel)]="event_start" class="form-control pull-right"
id="event_start" required placeholder='{{ "EVENT.FORM.START_DATE" | translate }}'>
<input type="text" formControlName="eventEnd" [(ngModel)]="event_end" class="form-control pull-right"
id="event_end" placeholder='{{ "EVENT.FORM.END_DATE" | translate }}'>
Component.ts
this.datePicker = jQuery('#event_start').datepicker({
autoclose: true,
orientation: 'left bottom',
});
this.datePicker = jQuery('#event_end').datepicker({
autoclose: true,
orientation: 'left bottom',
});
3条答案
按热度按时间ctehm74n1#
this.datePicker
设置两次:jQuery('#event_start')
jQuery('#event_end')
我建议您像这样重构代码:
为了有效地帮助您,请告诉您正在使用哪个日期选取器库。
4jb9z9bj2#
您可以从Angular Bootstrap 中使用ngb-datepicker。
按以下方式修改组件.ts,
在您的component.html中,
tyu7yeag3#
多亏了@ kishoreae,我找到了前进的道路。
我正在使用Angular 6和ng-Bootstrap。
我要求将最小日期设置为今天,最大日期将为从今天起1年。
日期组件.组件.ts
最小日期逻辑
最大日期逻辑
日期组件.组件.html