Не выполнено закрытое событие Angular Material 2 Datepicker (Angular 4) - PullRequest
Новая
       18

Не выполнено закрытое событие Angular Material 2 Datepicker (Angular 4)

0 голосов
/ 17 октября 2018

Я использую Datepicker Angular Material 2 с Angular 4.x - когда я выбираю дату, она должна генерировать функцию, когда закрывается DatePicker (закрывается, когда выбирается дата).Я в основном хочу иметь возможность выбрать дату и не закрывать средство выбора даты (оно должно оставаться на экране и выделять выбранный день)

Это основано на следующем коде, который отлично работает на stackblitz - но нев моем собственном приложении по какой-то причине?https://stackblitz.com/edit/angular-ysspzm-ckkrbd

-ПРИМЕЧАНИЕ- Код стекаблица - это некий общий код, с которым я столкнулся, и он отличается от кода ниже (хотя он почти идентичен)

// component 

@Component({
selector: 'app-datepicker',
templateUrl: './datepicker.component.html',
styleUrls: ['./datepicker.component.scss'],
})

export class DatepickerComponent {
@ViewChild('keepOpen') _input: ElementRef;

  _openCalendar(picker: MatDatepicker<Date>) {
      picker.open();
      console.log('here1'); // i see this in the console
  }

  _openCalendarClosed(picker: MatDatepicker<Date>) {
      picker.open();
      console.log('here2'); // never ever see this in the console log??
  }
}

// html 

<input
        matInput
        [matDatepicker]="picker"
        placeholder="Choose a date"
        (click)="_openCalendar(picker)"
        #keepOpen>

<mat-datepicker-toggle
        matSuffix
        [for]="picker">
</mat-datepicker-toggle>

<mat-datepicker
        #picker
        class="fixed-open"
        opened="true"
        (closed)="_openCalendarClosed(picker)">
</mat-datepicker>

1 Ответ

0 голосов
/ 17 октября 2018

Похоже, что материал 5.0.0-rc.1 - это версия, в которой компонент datepicker получил возможность вывода события closed.Вы упомянули, что используете материал 2.0.0-бета.12, поэтому для поддержки этого поведения потребуется обновление.

...