如何在自定义 NgbDatepickerKeyboardService 中从 NgbDatepicker 获取 ElementRef？

Question

I have a custom service that extends NgbDatepickerKeyboardService and I need to get an ElementRef to datepicker in processKey method. The main idea is to get ElementRef and to query from this reference trying to find a div of the next day (I need to check if div has a class).

public processKey(event: KeyboardEvent, datepicker: NgbDatepicker): void {
    const state = datepicker.state;
    // how to get it here? NgbDatepicker does not have any public prop to do it
}

Answer 1

You cannot use ViewChild/ViewChildren in Services but you can access to DOM with plain JS. You just have to declare an "id" attribute or "class" to point out from the service. In the case of utilize an "id" attribute you can query as follow:

document.getElementById('myDatePicker')

The above sentence would be an example in a component:

this.myDatePickerViewChild.nativeElement

If there are several controls you can point out to a common class in them with:

document.getElementsByClassName('<<your common class name>>');

In that way you get all pickers and iterates them to do what you want.