monthSelected Event Handler in OwlDateTimepicker not calling

Bharath R

I Need a Month Picker on my app so here i am using Owl-Date-picker, when the use selected the month the date picker have to close that as been handled by the monthSelected Event But My issue here in "monthSelected Event Handler Calling when select the month". I am here using angular 8.Please help me,Thanks

Here is my Code..

(monthSelected)="chosenMonthHandler($event, dtMonth)" #dtMonth="owlDateTime">

chosenMonthHandler( normalizedMonth: Moment, datepicker: OwlDateTimeComponent ) {

const ctrlValue = this.date.value;

ctrlValue.month(normalizedMonth.month());

this.date.setValue(ctrlValue);

datepicker.close();

}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bharath R6y ago
First Thanks for your reasponse...

I noticed that

changeDetection: ChangeDetectionStrategy.OnPush,

i not put in the
Component
so i did the changes,save and ng serve the application but now also the mobnthSelectewd not calling
Please help me
what can i do no
0
Gowtham Ramar7y ago
Refer the url working live url

https://stackblitz.com/edit/owl-datetimepicker
<input placeholder="Year Month:"
              [owlDateTimeTrigger]="dt"
              [owlDateTime]="dt"
              [formControl]="dateTime">
       <owl-date-time [pickerType]="'calendar'"
                      [startView]="'multi-years'"
                      (yearSelected)="chosenYearHandler($event)"
                      (monthSelected)="chosenMonthHandler($event, dt)"
                      #dt="owlDateTime">owl-date-time>
chosenYearHandler( normalizedYear: Moment ) {
       const ctrlValue = this.dateTime.value;
       ctrlValue.year(normalizedYear.year());
       this.dateTime.setValue(ctrlValue);
   }

   chosenMonthHandler( normalizedMonth: Moment, datepicker: OwlDateTimeComponent ) {
       const ctrlValue = this.dateTime.value;
       ctrlValue.month(normalizedMonth.month());
       this.dateTime.setValue(ctrlValue);
       datepicker.close();
   }
+1