如何在 SweetAlert2 中将 Datepicker 置于最前面？

Question

我使用这些框架：

• 甜蜜警报2
• 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 等技巧，可以将 Datepicker 放在前面吗？

我期待您的答复！

Answer 1

您需要将 datepicker 插件内的 z-index 设置为更高的数字。

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

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