I made a Calendar using only pure JavaScript and some HTML/CSS/Bootstrap. You can view it here. //iamnitinpatel.com/projects/calendar/
×' + "
" + obj[key].type + "
" + "" + "Title:" + obj[key].title + "" + "Hour:" + obj[key].time + "" + "Venue:" + obj[key].venue + "" + "Location:" + obj[key].location + "" + "Description:" + obj[key].desc + "" + 'More Info:Here' + ""; return [_["#calendar_data"].innerHTML = data]; } } }]; return false; } // toggle event show or hide function hideEvent[] { _["#calendar_data"].classList.toggle["show_data"]; } // simple calendar function calendar[] { // show info on init showInfo[]; // vars var day_of_week = new Array["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], month_of_year = new Array[ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], Calendar = new Date[], year = Calendar.getYear[], month = Calendar.getMonth[], today = Calendar.getDate[], weekday = Calendar.getDay[], html = ""; // start in 1 and this month Calendar.setDate[1]; Calendar.setMonth[month]; // template calendar html = "| '; } for [index = 0; index < 31; index++] { if [Calendar.getDate[] > index] { week_day = Calendar.getDay[]; if [week_day === 0] { html += ""; } if [week_day !== 7] { // this day var day = Calendar.getDate[]; var info = Calendar.getMonth[] + 1 + "/" + day + "/" + Calendar.getFullYear[]; if [today === Calendar.getDate[]] { html += ' | Chủ Đề |