SweetAlert2でDatepickerを前面に表示するにはどうすればよいですか？

Question

私は、これらのフレームワークを使用します。

• SweetAlert2
• Date Picker from fengyuanchen

私は日付を入力して両方のフレームワークを使用します。私の問題は、日付ピッカーがアラートの背景にあり、使用できないということです。
この問題は、あなたがこのフィドルで見つけることができます：https://jsfiddle.net/vbfhtzf9/2/

<button> 
Click me! 
</button> 

<script> 
$(document).ready(function() 
     { 
     $('button').click(function(){ 
       swal({ 
        html: ' <input data-toggle="datepicker" type="text" id="#swal-input1" class="swal2-input">', 
        confirmButtonText: 'Next &rarr;', 
        showCancelButton: true, 
        onOpen: function() { 
         $('[data-toggle="datepicker"]').datepicker({ 
          startView: 2, 
          autoHide: true, 
          inline: true, 
         }); 
        }, 
           }); 
       }); 


    }); 
    </script> 

私の質問あなたは、フロントに日付ピッカーをもたらすために、...など、トリックをCSSを知っていた、ありますか？

私はあなたの答えを楽しみにしています！

Answer 1

datepickerプラグインのz-indexを高い数値に設定する必要があります。

   onOpen: function() { 
        $('[data-toggle="datepicker"]').datepicker({ 
         startView: 2, 
         autoHide: true, 
         inline: true, 
         zIndex: 999999 
        }); 
       }, 

https://jsfiddle.net/2obeLhd8/1/