Question

我有关于在angular2中的一个页面上使用多个datepicer的问题这是示例代码 https://embed.plnkr.co/nRCpS4/

问题是，当我点击另一个日期选择器时，我想隐藏datepicker弹出窗口

有人可以帮我解决问题吗？

Answer 1

我稍微修改了openDatePicker方法：

  openDatepicker(id){
    if (this.dynamicId && this.dynamicId !== id) {
      this.dynamicId.close();
    }
    this.dynamicId = id;
  }

关于onClick应该在页面上某处单击时隐藏datepicker，不包括当前输入和datepicker按钮我已经使用了这个条件：

if (!this._eref.nativeElement.contains(event.target) || !this.dynamicId._elRef.nativeElement.parentNode.contains(event.target)) {
      setTimeout(() => this.dynamicId.close(), 10);
    }

它依赖于输入和按钮具有共同的父级，否则它将无法工作。

plnkr：https://plnkr.co/edit/ziTk5B4x8sFiTPXMc52Y

Datepicker Angular2隐藏弹出窗口

1 个答案: