[手动触发输入焦点时如何显示ngx-bootstrap日期选择器？

Question

我想在datepicker失去焦点时实现一些逻辑=>所以（模糊）但是！当我想从所述选择器中选择某个日期时，它将触发逻辑->关闭datepicker而不注册任何值更改。我的方法是(onHidden)，因为当我使用日期选择器时它不会被触发，但是当我在外面单击时，但是只有在显示日期选择器时才会触发。

当我手动将输入字段设置为焦点时，如何显示日期选择器？由于没有可用的服务和/或指令类型可以触发.show()。

Stackblitz半相关示例：

@@：修改了stackblitz以使其更适合我的问题。

Stackblitz

Answer 1

您可以使用nativeElement中可用的click（）方法来触发DatePicker。尝试一下，它可以工作。

Edit：稍有超时，您可以等待直到该元素变得可见以触发click事件。

 toggleEditMode() {
    this.editing = !this.editing;
    setTimeout(() => {
       if(this.picker) {
         this.picker.nativeElement.focus();
         this.picker.nativeElement.click();
       }
    },100)
  }