Как установить minDate для ngbDatepicker программно, используя сегодняшнюю дату - PullRequest
0 голосов
/ 28 июня 2019

Я пытаюсь использовать дату Сегодня в качестве minDate для ngbDatepicker

В логиках компонентов у меня есть следующее

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;"
/>

Но это не работает, так как средство выбора даты показывает, что даты в прошлом включены

Что я делаю не так и может ли это быть правильно реализовано

1 Ответ

1 голос
/ 28 июня 2019

Чтобы заставить его работать, вам нужно использовать объект, используя структуру / ссылку интерфейса NgbDateStruct , и все они имеют тип номер, а не строку:

minPickerDate = {
    year: new Date().getFullYear(),
    month: new Date().getMonth() + 1,
    day: new Date().getDate()
};
  • getMonth() возвращается от 0 до 11, поэтому вам нужно добавить единицу (1), чтобы оно заработало
  • getDate() возвращает номер месяца (getDay возвращает деньнедели)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...