We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Not rendering datepicker

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


2 Replies

JG John Granade February 24, 2015 10:20 PM UTC

I figured it out.  That first css needs to be in a subfolder (i.e. flat-azure-dark) as it imports ej.widgets.core.css by coming up a folder (i.e. "../").

John


SN Sasikala Nagarajan Syncfusion Team February 25, 2015 12:53 PM UTC

Hi John,
 
Thanks for using Syncfusion Products,
Yes to resolve the reported issue we need to maintain the css folder structure properly as you have stated.
Please let us know if you have further queries.
 
Regards,
 
Sasikala Nagarajan



Loader.
Live Chat Icon For mobile
Up arrow icon