How to show Event Calendar from jquery

Asked by Johnny Gonzalez
12 years ago.

I don't know if I'm doing something wrong, but I can't display the event calendar from jquery

$(document).ready$(function () {
$("#dpc_jquery").dayPilotCalendar({

cssClassPrefix: "calendar_silver_",
EventResizeHandling: "CallBack",
EventMoveHandling: "CallBack",
TimeRangeSelectedHandling: "JavaScript",
HeaderDateFormat: "dd/MM/yyyy"

});
});

</script>

how-to mvc

Answer posted by Dan Letecky [DayPilot]
12 years ago.

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>

This question is more than 1 month old and has been closed. Please create a new question if you have anything to add.