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

Question

我正在尝试使用今天日期作为 ngbDatepicker 的 minDate

在组件日志中我有以下内容

export class ShareLinkFormComponent implements OnInit {

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

我使用了实际的月份和日期，直到我得到基本概念为止

在模板/html 方面我有这个

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

但这不起作用，因为日期选择器显示过去启用的日期

我做错了什么，可以正确实现吗

Answer 1

为了使其工作，您需要使用一个使用 NgbDateStruct 的结构/引用的对象。 接口(interface)，它们都是数字类型而不是字符串:

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

• getMonth() 从 0-11 返回，因此您需要添加一 (1) 才能使其正常工作
• getDate() 返回月份数(getDay 返回星期几)