How can I create a datepicker using kendo UI core

Question

I downloaded Kendo UI Core, then included the kendo.ui.core.min.js and kendo.bootstrap.min.css files. Added the bundles etc.. So I was trying to create a datepicker doing this

<input class='k-widget k-calendar' id='StartingDate'></input>

<script type="text/javascript"> 
  $(function () {
      $('#StartingDate').kendoDatePicker();
  })
</script> 

but it is not working. The method kendoDatePicker() doesn't exist. I looked through the JS and it looked they were using DateView, but that didn't work either. Is there a different method, or am I missing something to make this work?

Answer 1

You need to make sure you include jQuery before kendo.ui.core (so Kendo UI can set up the widgets in $.kendoWidgetName) and that you're only including jQuery once (so the $ variable Kendo UI set itself up in isn't overwritten).