js 是实现网页日期控件

来源：互联网发布：慧电商淘宝插件编辑：程序博客网时间：2024/06/12 23:13

var calenderMonth = 0; function JCalendar(year, month, date) { var _date = arguments.length == 0 ? new Date() : new Date(year, month - 1, date); this.year = _date.getFullYear(); this.month = _date.getMonth() + 1; this.fday = new Date(this.year, this.month - 1, 1).getDay(); this.dayNum = new Date(this.year, this.month, 0).getDate(); JCalendar.cur_year = this.year; JCalendar.cur_month = this.month; JCalendar.cur_date = _date.getDate(); } JCalendar.prototype.show = function() { var date = new Array(this.fday > 0 ? this.day: 0); var html_str = new Array(); var date_index = 0; var weekDay = ["日", "一", "二", "三", "四", "五", "六"]; for (var j = 1; j <= this.dayNum; j++) { date.push(j); } html_str.push("

"); html_str.push("

" + "" + "

"); html_str.push("

"); for (var i = 0; i < 7; i++) { html_str.push("

"); } html_str.push(""); for (var i = 0; i < 6; i++) { html_str.push("

"); for (var j = 0; j < 7; j++) { tmp = date[date_index++]; tmp = tmp ? tmp: ""; if (JCalendar.cur_date == tmp) { html_str.push("

" + JCalendar.cur_date + "

"); } else if (tmp == "") { html_str.push("

"); } else { html_str.push("

" + tmp + "

"); } } html_str.push(""); } html_str.push("

"); return html_str.join(""); }; JCalendar.update = function(_month) { calenderMonth = _month; var date = new Date(JCalendar.cur_year, JCalendar.cur_month - 1 + _month, 1); var fday = date.getDay(); var year = date.getFullYear(); var month = date.getMonth() + 1; var dayNum = new Date(JCalendar.cur_year, JCalendar.cur_month + _month, 0).getDate(); var tds = document.getElementById("calendar").getElementsByTagName("dd"); for (var i = 7; i < tds.length; i++) { tds[i].innerHTML = ""; tds[i].className = "none"; }; var my_calendar_month = "