Creating DatePickers from Jquery Objects not attached to the DOM

[Danny Fritz]

If I'm turning an `<input>` into a kendoDateTimePicker before it is attached to the DOM, how do I then attach the newly wrapped element to the DOM? Just appending the `<input>` element appends an incomplete portion of the control because the `<input>` was wrapped. Was wondering if there was a better way then traversing for the parent `k-widget` class to append.

http://dojo.telerik.com/eqOsU

[Alexander Popov]

Hi Danny ,

Basically, there are a couple of approaches that I could recommend:  

• Append the input element, then initialize the widget: 

  $('<input/>').appendTo(document.body).kendoDatePicker();

• Get the instance of the widget and use its wrapper property as parameter for the append method: 

  var datetimepicker = $('<input/>').kendoDateTimePicker().getKendoDateTimePicker();
  $(document.body).append(datetimepicker .wrapper);

I would suggest using the first approach, as moving existing widgets inside the DOM could have undesired results.

Regards,
Alexander Popov
Telerik