js日历

转载请标明http://blog.csdn.net/kylinhao/article/details/46813879
这里直接附代码了

/** * Created by kylinhao on 2015/6. */Date.prototype.isLeapYear = function () {    return (0 == this.getYear() % 4 && ((this.getYear() % 100 != 0) || (this.getYear() % 400 == 0)));}Date.prototype.format = function (format) {    var o = {        "M+": this.getMonth() + 1, //month        "d+": this.getDate(), //day        "h+": this.getHours(), //hour        "m+": this.getMinutes(), //minute        "s+": this.getSeconds(), //second        "q+": Math.floor((this.getMonth() + 3) / 3), //quarter        "S": this.getMilliseconds() //millisecond    }    if (/(y+)/.test(format)) format = format.replace(RegExp.$1,        (this.getFullYear() + "").substr(4 - RegExp.$1.length));    for (var k in o)if (new RegExp("(" + k + ")").test(format))        format = format.replace(RegExp.$1,            RegExp.$1.length == 1 ? o[k] :                ("00" + o[k]).substr(("" + o[k]).length));    return format;}function calendar() {    var arr = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]    var now = new Date();    //当天是第几天    var day = now.getDate();    // 获取当天是周几    var week = now.getDay();    var month = now.getMonth();    if (Date.prototype.isLeapYear != 0)        arr[2] = 29;    r = day % 7;    if (r == 0)        r = 7;    // 得到星期一是周几    var week1 = (week + 7 - (r - 1)) % 7;    var table = document.getElementById("calendar-table");    var name = document.getElementById("calendar-name");    var time = document.getElementById("calendar-time");    var newRow = table.insertRow(table.rows.length);    for (var j = 0; j < week1; j++) {        var cell = newRow.insertCell(newRow.cells.length);        cell.innerHTML = ""    }    var i = 1;    while (i <= arr[month]) {        if (week1 != 7) {            var cell = newRow.insertCell(newRow.cells.length);            cell.innerHTML = i;            //cell.style.fontSize ="19px"            //cell.style.color = "gray"            if (i == day) {                cell.style.backgroundColor = "#66afe9"                cell.style.color = "white"            }            week1++;            i++;        }        else {            week1 = 0;            newRow = table.insertRow(table.rows.length);        }    }    while (week1 < 7) {        var cell = newRow.insertCell(newRow.cells.length);        cell.innerHTML = "";        week1++;    }    month = month + 1;    name.innerHTML = month + "月日历";    time.innerHTML = now.format("yyyy-MM-dd hh:mm:ss");}

效果如下