How to show Event Calendar from jquery

Please see the doc for jQuery calendar plugin:

http://doc.daypilot.org/calendar/jquery/

Your example would look like this:

<link type="text/css" rel="stylesheet" href="themes/calendar_white.css" />
<script type="text/javascript">
$(document).ready$(function () { 
  $("#dpc_jquery").daypilotCalendar({  // note the case
    cssClassPrefix: "calendar_white",   // you used a legacy theme that would require cssOnly:false
    eventResizeHandling: "CallBack", 
    eventMoveHandling: "CallBack", 
    timeRangeSelectedHandling: "JavaScript", 
    headerDateFormat: "dd/MM/yyyy"
  }); 
});
</script>

If you are going to use it in MVC you also need to add backendUrl property:

<script type="text/javascript">
$(document).ready$(function () { 
  $("#dpc_jquery").daypilotCalendar({
    backendUrl: '<%= ResolveUrl("~/Calendar/Backend") %>', 
    cssClassPrefix: "calendar_white", 
    eventResizeHandling: "CallBack", 
    eventMoveHandling: "CallBack", 
    timeRangeSelectedHandling: "JavaScript", 
    headerDateFormat: "dd/MM/yyyy"
  }); 
});
</script>