如何在 SweetAlert2 中将 Datepicker 带到最前面？答案

【问题标题】：How bring Datepicker to the front in SweetAlert2?如何在 SweetAlert2 中将 Datepicker 带到最前面？
【发布时间】：2017-12-01 23:44:44
【问题描述】：

我使用这些框架：

我想同时使用这两个框架来输入日期。我的问题是日期选择器在警报的背景中，也无法使用。
这个问题，你能在这个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 等技巧，把 Datepicker 带到前面吗？

期待你的回答！

【问题讨论】：

标签： javascript jquery css datepicker sweetalert2

【解决方案1】：

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

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

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

【讨论】：