Estoy usando el selector de fechas de SyncFusion de la siguiente manera: SyncFusion DatePicker

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

Con jQuery , inicio el objeto de fecha de la siguiente manera que nuevamente se agrega al elemento HTML :

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

Funciona, pero tengo el requisito de iniciar el objeto una vez y borrarlo con la condición. Así que lo estaba intentando de la siguiente manera:

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

Incluso probé esto:

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

Lo anterior no borra el elemento, sino que crea un objeto repetido del selector de fecha. ¿Alguna forma de borrar el objeto del selector de fecha y volver a vincularlo al elemento HTML ?

Vista actual : esto es lo que sucede cuando intento volver a vincular el objeto del selector de fecha con el elemento HTML .