Javascript 动态DOM创建问题

函数未与新创建的输入框连接。 请检查我在这个链接上的代码

[请检查此代码][1]

$（“#日期选择器”）.datepicker（）；
$（“按钮”）。单击（函数（）{
$（“.add”）.html（“”）；
});

再次添加输入
$（“按钮”）。单击（函数（）{
$（“.add”）.html（“”）；
//把你的鳕鱼搬到这里来
$（“#日期选择器”）.datepicker（）；
});

$（“.add”）.html（…）表示删除并创建新的DOM对象

然后失去了意义$（“#datepicker”）.datepicker（）
 试试这个

$("button").click(function(){
  $("#datepicker").val("");
  $("#datepicker").focus();
});

单击按钮时，这是正在执行的代码：

$("button").click(function(){
    $(".add").html('<input id="datepicker" placeholder="click here to open calendar " type="text"   />');
});

编辑

即使我也不知道发生这种情况的确切原因，但这可能是因为在内部，jQueryUI没有上一个DOM元素的链接，它处于挂起状态。这也会导致内存泄漏。
尝试将插件初始化移到文档中。就绪功能：

$(document).ready(function() {
$("#datepicker").datepicker();`
});


$（“按钮”）。单击（函数（）{
$（“.add”）.html（“”）；
});

再次添加输入
我必须替换内容。不能追加。没关系。但是为什么这个函数没有与我们使用javascript添加的InputBox连接？请在问题中包含相关（）代码。不要期望人们通过互联网上的链接来提供帮助。
$("button").click(function(){
   var el = $('#datepicker');
  $.datepicker._clearDate(el);
});

$(document).ready(function() {
$("#datepicker").datepicker();`
});