var events = [{"EventID": 1, "StartDateTime": "2019-01-23", "Title": "¥10999", "URL": "#", "Description": "¥10999", "CssClass": "Meeting"},] function caltest() { var options = { height: '100%', width: '100%', navHeight: 25, labelHeight: 25, calendarStartDate:new Date(2024,10,15), onMonthChanging: function(dateIn) { //this could be an Ajax call to the backend to get this months events //var events = [ { "EventID": 7, "StartDate": new Date(2009, 1, 1), "Title": "10:00 pm - EventTitle1", "URL": "#", "Description": "This is a sample event description", "CssClass": "Birthday" }, // { "EventID": 8, "StartDate": new Date(2009, 1, 2), "Title": "9:30 pm - this is a much longer title", "URL": "#", "Description": "This is a sample event description", "CssClass": "Meeting" } //]; //$.jMonthCalendar.ReplaceEventCollection(events); return true; }, onEventLinkClick: function(event) { //alert(event.Title.replace('
','\n')); return true; }, onEventBlockClick: function(event) { //alert(event.Title); //alert('d'); return true; }, onEventBlockOver: function(event) { //alert(event.Title + " - " + event.Description); return true; }, onEventBlockOut: function(event) { return true; }, onDayLinkClick: function(date) { //alert(date.toLocaleDateString()); return true; }, onDayCellClick: function(date) { //alert(date.toLocaleDateString()); return true; } }; var newoptions = { }; var newevents = [ ]; //$.jMonthCalendar.Initialize(newoptions, newevents); $.jMonthCalendar.Initialize(options, events); } function doShowCalendar(i){ if(i==0){ $("#a1").show(); }else{ $("#a1").hide(); } }