ÀûÓÃJqueryºÍfullCalendarÖÆ×÷Èճ̱í jQueryÔØÈë */ $(document).ready(function() { /** * ¶¨Òådate£¬d£¬m,y Date(); date.getDate(); date.getMonth(); date.getFullYear(); /** * ³õʼ»¯fullCalendar£¬±ãÓÚºóÐøÆäËûjsµÄµ÷Óà ).fullCalendar({ /** * head²ÎÊý */ header: { left: , center: , right: }, /** * [defaultView ĬÈÏÊÓͼ] */ defaultView: , /** * [selectable ÊÇ·ñ¿ÉÑ¡] */ selectable: true, selectHelper: true, select: function(start, end, allDay) { /* after selection user will be promted for enter title for event. ); /* if title is enterd calendar will add title and event into fullCalendar. */ if (title) { calendar.fullCalendar(, { title: title, start: start, end: end, allDay: allDay }, ); } calendar.fullCalendar(); }, /* editable: true allow user to edit events. */ editable: true, /* events is the main option for calendar. for demo we have added predefined events in json object. */ events: [{ title: , start: ) }, { title: , start: ), end: ) }, { id: 999, title: , start: ), allDay: false }, { id: 999, title: , start: ), allDay: false }, { title: , start: ), allDay: false }, { title: , start: ), end: ), allDay: false }, { title: , start: ), end: ), allDay: false }, { title: , start: ), end: ), url: }] }); }); body { margin-top text-align font-size font-family #calendar { width margin

¡¡