javascript - 清除 SyncFusion DatePicker 对象

Question

我正在使用SyncFusion日期选择器，如下所示：SyncFusion DatePicker

<div style="margin: 50px;">
   <input id="element"/>
</div>

使用jQuery，我按如下方式启动日期对象，该对象再次附加到HTML元素：

var datepicker = new ej.calendars.DatePicker({ width: "255px", color: "red", format: "MM/dd/yyyy" }); 
datepicker.appendTo('#element');

它可以工作，但我需要启动一次对象并在有条件的情况下清除它。所以我尝试如下：

datepicker.html();  
datepicker.empty();

甚至尝试过这个：

$('#element').empty();

上面没有清除元素，而是创建了日期选择器的重复对象。有什么办法可以清除日期选择器对象并将其重新绑定到HTML元素？

当前视图：当我尝试使用HTML元素重新绑定日期选择器对象时会发生这种情况。