Just starting out coding, so apologies if this is a simple mistake somewhere. But, trying to just follow the Getting Started guide and make a simple page with just a datepicker. The code is shown below:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My first HTML page</title>
<link rel='nofollow' href="Content/ej/web/default-theme/ej.web.all.min.css" rel="stylesheet" />
<script src="Scripts/jquery-2.1.4.min.js"></script>
<script src="Scripts/jquery.easing.1.3.min.js"></script>
<script src="Scripts/jsrender.min.js"></script>
<script src="Scripts/ej/ej.web.all.min.js"></script>
</head>
<body>
<!--Container for ejDatePicker widget-->
<input id="startDate" type="text" />
<script type="text/javascript">
$(function () {
// initialization of ejDatePicker control
$("#startDate").ejDatePicker();
});
</script>
</body>
</html>
When I run the Debugger a new tab is opened but the date picker does not display correctly (See attached Bad Date Picker). It only shows the text input box. If I click inside the box, it pops up a single date which can be chosen, but you never see the calendar control.
If I put the same Content and Scripts folders in a normal directory on my computer and copy and paste the HTML above from VS and paste in to an HTML file. Then open the file with Chrome, it works fine (see Good Date Picker attached).
Am I missing something in VS to get the control to work properly in Debugger?
Thanks,
Mark
Attachment:
DatePicker_4797d35c.zip
