Question

我正在尝试将“今天”日期用作ngbDatepicker的minDate

在组件logi中，我有以下内容

export class ShareLinkFormComponent implements OnInit {

  minPickerDate = "{year: " + new Date().getFullYear() + ", month: 6, day: 27}" ;

在使用基本概念之前，我一直使用实际的月份和日期

还有int template / html方面，我有这个

<input
  class="d-none"
  name="expDate"
  ngbDatepicker
  #d="ngbDatepicker"
  [minDate]="minPickerDate" 
  [(ngModel)]="expirationDate"
  (ngModelChange)="onFromDateSelect($event)"
  style="top: 100px;"
/>

但这无法正常工作，因为日期选择器显示的是过去启用的日期

我在做错什么，并且可以正确实施

Answer 1

要使其正常工作，您需要使用 NgbDateStruct 界面的结构/引用使用对象，并且它们都是数字类型而不是字符串：

minPickerDate = {
    year: new Date().getFullYear(),
    month: new Date().getMonth() + 1,
    day: new Date().getDate()
};

getMonth()从0-11返回，因此您需要添加一个（1）使其生效
getDate()返回月份号（getDay返回星期几）

如何使用今天的日期以编程方式设置ngbDatepicker的minDate

1 个答案: