js 实现日历功能.docxVIP

js 实现日历功能 许久没有写过小例子的代码了，今天有个朋友让我用js帮他做一个日历。实现基本的日历功能，很可惜，本人对jquary等技术一直都不感兴趣，也因是做后台开发，很少写前台代码，但朋友相求，不得不帮，于是乎写了一个小实例，给大家分享下（因为他要的很急，时间不是很充裕，没有做代码重构及样式添加，仅仅是个小框架，勿喷）。 复制内容到剪贴板 代码: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN /TR/html4/strict.dtd html head meta http-equiv=Content-Type content=text/html; charset=utf-8 title无标题文档/title script language=javascript // 当文档加载完成时，执行方法。 window.ready = createCalendar; // 定义显示星期数组 var weekArray = [Sun,Mon,Tue,Web,Thu,Fri,Sat]; // 定义显示月份数组（程序中没有用，但可以替换） var monthArray = [January,February,March,April,May,June,July,August,September,October,November,December]; // 定义月份天数数组 var daysOfMonth = [31,28,31,30,31,30,31,31,30,31,30,31]; // 定义两个calendar的不同标示 var marks = [main,bak]; // 初始化calendar document.ready(init()); // 监听last事件 function backMonth(){ var calenderTime = document.getElementById(marks[0]+_calenderTime).value; var yearMonthDate = calenderTime.split(-); var year = parseInt(yearMonthDate[0]); var month = parseInt(yearMonthDate[1]-2); changeCalendar(marks[0],year,month); changeCalendar(marks[1],year,month+1); } // 监听next事件 function nextMonth(){ var calenderTime = document.getElementById(marks[0]+_calenderTime).value; var yearMonthDate = calenderTime.split(-); var year = parseInt(yearMonthDate[0]); var month = parseInt(yearMonthDate[1]); changeCalendar(marks[0],year,month); changeCalendar(marks[1],year,month+1); } // 初始化calendar function init(){ var time = new Date(); createCalendar(time,true,marks[0]); document.writeln(===========================); var time2 = new Date(); time2.setMonth(time.getMonth()+1); createCalendar(time2,false,marks[1]); } // 创建Calendar function createCalendar(time,flag,mark){ var calender_rows = getMonthCalenderValue(time,mark); document.writeln(table border=\1\); for(var row = 0 ; row 8 ; row +