手动触发输入焦点时如何显示 ngx-bootstrap datepicker？

Question

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

手动设置输入框为焦点时，如何实现显示日期选择器？由于没有可用的服务 and/or 指令类型，我可以在其中触发 .show().

Stackblitz 半相关示例：

@编辑：修改了 stackblitz 以更好地适应我的问题。

Stackblitz

Answer 1

您可以使用 nativeElement 中可用的 click() 方法来触发 DatePicker。试一试，有效。

编辑： 有一点超时你可以等到元素变得可见来触发点击事件。

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

手动触发输入焦点时如何显示 ngx-bootstrap datepicker？

How to show ngx-bootstrap datepicker when manually triggering focus on input?

angular

ngx-bootstrap