jquery – 使用带有Sweet Alert 2的Bootstrap DatetimePicker – 显示日历超过警报

我正在使用带有表单的SweetAlert2对话框.我想使用Bootstrap DateTimePicker小部件.

日历小部件弹出窗口显示在SweetAlert窗口中,而不是在其顶部.这使警报扩展和收缩 – 您必须在警报内滚动才能看到日历.所需的行为是日历显示为主页面的子项并显示在警报的顶部.

https://jsfiddle.net/ghr2bwoc/13/

swal({
    title: 'Date picker',html: '<input id="datepicker">',showConfirmButton: false,onOpen: function() {
        $('#datepicker').datetimepicker({});
    },}).then(function(result) {

  });

.swal2-overflow {
  overflow-x: visible;
  overflow-y: visible;
}

swal({
  title: 'Date picker',customClass: 'swal2-overflow',onOpen: function() {
      $('#datepicker').datetimepicker({});
  },}).then(function(result) {

});