日付範囲のテキスト選択がブートストラップモーダルで機能しない

私はBootstrap3を使用しています。私はそれの中にモーダルと日付範囲の選択入力ボックスを開くボタンを持っています。入力ボックスをクリックすると、日付範囲カレンダーが開きます。期間を選択することはできますが、日付を変更することはできませんでした。それはモーダルのZ-インデックス問題のようであり、テキストフィールドで日付を選択することができません。日付範囲のテキスト選択がブートストラップモーダルで機能しない

私はモーダルなしで試してみましたが、うまくいきます。

モーダルボックスを表示し、日付範囲の変更を含む日付範囲のカレンダーを表示する必要があります。

出典

2017-02-10 Pratik Sharma

あなたが試したことのコードを入力してください – r1verside

<script> 
    $(document).on("click", ".modal-body", function() { 
    $("#datepicker").datepicker({ 
    dateFormat: 'yy-mm-dd'          
    }); 
     }); 
</script>

出典

2017-02-10 18:12:08 AnilKumar

なぜあなたのsolutonが機能するのかについていくつかの解説を追加してください。コードのみの回答は不十分な回答です。ありがとう！ – Alex

あなたの答えを説明すると私たちは啓発します。 –

@ AJT_82すべてのことをすべて説明することは不可能ですが、私は読者の時間を無駄にしたくありません。それが私がコメントを追加していない理由です。単純に私はこのケースに適したコードを追加しました。 – AnilKumar

ブートストラップモーダルだから私が試してみました1040

出典

2017-02-10 18:21:59 monatis

よりZインデックスより大きなカレンダーを与えるのzインデックス1040を持っています。

function zIndexModifier() { 
     $("#modal_dialog").css("display", "none"); 
     $(".daterangepicker").css("z-index", 100000); 

    }

とき

$("#modal_dialog").css("display", "none");

それは動作しますが、カレンダーは、トップの上にジャンプします。

私はモーダルとカレンダーを日付のテキスト選択で保持できるので、これに対する解決策はありますか？

出典

2017-02-13 05:56:39

日付範囲のテキスト選択がブートストラップモーダルで機能しない

答えて

関連する問題