I've added a EJControl DatePicker to a screen with bound data. After adding the .cs and .js references, it does populate with text but there is no picker. I downloaded the "latest" from CDN and then added them locally to my project. Everything checks out as far as the files being their...they show up via intelisense when typing and to triple check, I hit the URL for each and they come up. Below is a screen shot of what's happening. The first 2 are EJControls.Datapicker. The PaidOn uses the default LS DatePicker. This shot is of a new entry but if I edit, it does populate with the data but it's just text, no picker control. What am I missing?
This is in the head:
<!-- Dependent CSS for Essential JavaScript Components -->
<link rel='nofollow' href="Content/ej/ej.web.all-latest.min.css" rel="stylesheet" />
This is in the body
<!-- Dependent Scripts for Essential JavaScript Components -->
<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/globalize.min.js"></script>
<script src="Scripts/jquery.easing.min.js"></script>
<script src="Scripts/ej/ej.web.all.min.js"></script>
<script src="Scripts/ej/ej.web.all-latest.min.js"></script>
The _render code is the default:
myapp.AddEditMembership.StartDate_render = function (element, contentItem) {
var input= $('<input />');
input.attr('id', 'StartDate');
input.attr('data-role', 'none');
input.appendTo($(element));
input.ejDatePicker({
change: function (args) { contentItem.value = args.value;} });
contentItem.dataBind('value', function (value) {
input.ejDatePicker({ value: value }) });
};
Thanks,
John