p-calendar angular 6 событие onClick не запускается (и другие события)

Question

Я хочу вызывать метод, когда открываю компонент, поэтому я протестировал какой-то метод, никто не работает, только событие (onSelect) работает. Вот часть кода:

<p-calendar id="idCalendarDateExportFrom" [showIcon]="true" [(ngModel)]="dateChoosenProd" readonlyInput="true" [showTime]="true" dateFormat="dd/mm/yy" [locale]="fr"  
(onClick)="moveDate(1)" (onSelect)="moveDate(0)">
</p-calendar>

В файле ts:

public moveDate(position: Number){
        if(position === 1){
            this.marginTop = "400px";
        } else {
            this.marginTop = "0px";
        }
}

Я пробовал также onclick без прописных букв, onmouseover, ...

Я использую Angular 6

Answer 1

calendar компонент PrimeNG использует тег и input для отображения поля ввода даты. Теоретически, вы можете связать его с событиями мыши. Следующее работает частично в соответствии с просьбой. Но по какой-то причине событие onmousedown запускается снова, когда срабатывает событие onSelect.

<p-calendar [(ngModel)]="value" [locale]="en" (mousedown)="moveDate(1)" (onSelect)="moveDate(0)"></p-calendar>

Рабочий пример: Stackblitz

Answer 2

Проверьте таблицу событий в простом календарном документе

Например:

Событие onShow: событие анимации Обратный вызов, который вызывается при отображении панели средства выбора даты.

или

onSelect value: Выбранное значение Обратный вызов для вызова при выборе даты. Обратите внимание, что это событие не вызывается, когда значение вводится с входа вручную.

См. Stackblitz