The example project does not show how to actually bind the ejDatepicker to the contentItem and the rendering of the date picker field is also not looking quite right.
Here is a working example of rendering a datepicker for a "StockDate" column of type DateTime that was added to the example Products table:
myapp.AddEditProducts.StockDate_render = function (element, contentItem) {
// add the data-role='none' to prevent jQueryMobile from messing with the control rendering
var date = $("<input data-role='none' id='datepicker' type='text'/>");
date.appendTo($(element));
date.ejDatePicker({
// set the control value to the contentitem value:
"value": contentItem.value,
change: function (args) {
// update the content item when the value changes:
contentItem.value = args.value;
},
});
};
ps. the online help documentation for the ejDatePicker control here http://help.syncfusion.com/js is incorrect. It states that the event to hook into for a new date being selected is the "dateSelected" event when it should in fact be the "change" event, similar to the ejDateTimePicker.