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

Question

我使用这些框架：

我想同时使用这两个框架来输入日期。我的问题是日期选择器在警报的背景中，也无法使用。
这个问题，你能不能在这个fiddle: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

您需要将日期选择器插件中的 z-index 设置为更大的数字。

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

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

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

How bring Datepicker to the front in SweetAlert2?

javascript

css

jquery

datepicker

sweetalert2