我有一個日期選擇器的未知問題

Question

var form = document.createElement("div");
form.innerHTML = "<input type='text'  id='Test'>";

swal({
  content: form,
  closeOnEsc: false,
  closeOnClickOutside: false,
});

$('#Test').datepicker();

swal顯示沒有任何問題，也可以輸入，但是當我單擊輸入時，沒有任何反應。

當我在body和 swal 之外（沒有甜蜜警報）做同樣的事情時，它的確定和日期選擇器處於活動狀態，我可以選擇一個時間但是當我使用 swal 時問題發生了

Answer 1

你可以試試 didOpen function：

彈出生命周期鈎子。 在屏幕上顯示彈出窗口后異步運行。 提供彈出 DOM 元素作為參數

var form = document.createElement("div");
form.innerHTML = "<input type='text'  id='Test'>";

swal({
  content: form,
  closeOnEsc: false,
  closeOnClickOutside: false,
  didOpen:function(el){
    $('#Test').datepicker();
  }
});

Answer 2

在當前方法中使用didOpen

 Swal.fire({ title: 'My Form', html: `<input type='text' id='Test'>`, didOpen: function () { $('#Test').datepicker(); } });

 <link href="https://code.jquery.com/ui/1.13.2/themes/black-tie/jquery-ui.css" rel="stylesheet"/> <script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js" integrity="sha256-lSjKY0/srUM9BE3dPm+c4fBo1dky2v27Gdjm2uoZaL0=" crossorigin="anonymous"></script>