使用内部 html 时无法单击日期选择器

Question

使用下面的代码无法 select 使用 内部 HTML.

数据选择器

我做错了什么，谁能帮我解决这个问题？提前致谢。

这是我的代码

$(document).ready(function(){
 /*Date Picker Initiation*/
 $('.datepicker').datepicker();
 $(".datepicker").datepicker({
 format: 'dd/mm/yyyy',
 todayHighlight: true,
 }).on('change', function (ev) {
 $(this).datepicker('hide');
  });});

Answer 1

我认为 datepicker 在 html 加载之前启动，所以它找不到标记。 html 渲染后你必须需要初始日期选择器，如下所示：

setTimeout(() => {
  document.getElementById('p').innerHTML = '<input type="text" id="datepicker">'; // load html and then call datepicker 

  $( "#datepicker" ).datepicker();
}, 1000)

使用内部 html 时无法单击日期选择器

Unable to click on Date picker when using inner html

jquery

jquery-ui

datepicker