<div id="schedule"></div> <script type="text/javascript" src="./jquery.schedule/dist/js/jq.schedule.min.js"></script> <script type="text/javascript"> $(function(){ var $sc = $("#schedule").timeSchedule({ startTime: "07:00", // schedule start time(HH:ii) endTime: "21:00", // schedule end time(HH:ii) widthTime:60 * 10, // cell timestamp example 10 minutes timeLineY:60, // height(px) verticalScrollba