日付ピッカーAngular2隠しポップアップ

私はangular2 この1ページに複数のdatepicerの使用に関する問題を持っているが、サンプルコードに問題がある https://embed.plnkr.co/nRCpS4/日付ピッカーAngular2隠しポップアップ

で、私は

ができる別の日付ピッカーをクリックすると、日付ピッカー、ポップアップを非表示にします誰か私の問題を解決するのを助けてください？

2017-07-10 Wisnu

私はopenDatePicker方法少し変更しました：私はこの条件を使用したページを除く、現在の入力とDatePickerのボタン上のどこかにクリックしたときに日付ピッカーを非表示にする

についてonClick：

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

出典

2017-07-10 03:48:31

ありがとうございます。もう1つの入力バーをクリックすると、datepickerを非表示にする方法についてもう一度質問がありますか？ – Wisnu

答えをマークすることを忘れないでくださいは、このについてのonClick機能 –

を受け入れ...一般的に、私は1つの日付ピッカーとあなたのコードは大丈夫だろうラップコンポーネントを作成します。しかし、私はもっと複雑で信頼性の低い例を使っています... – Wisnu

日付ピッカーAngular2隠しポップアップ

答えて

関連する問題