js日历
2015-07-09 10:50
260 查看
转载请标明/article/7707431.html
这里直接附代码了
效果如下
这里直接附代码了
/** * 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"); }
效果如下
相关文章推荐
- jsp下拉菜单三元表达式
- JS对日期按照指定格式进行格式化
- JavaScript函数参数问题
- 没有key的Json
- 模仿大众点评过滤框
- js 下载文件 window.location.href
- 深入浅出JavaScript(2)—ECMAScript
- JavaScript的类型、值和变量小结
- javascript闭包的应用
- JSTL实现int数据的类型的长度
- javascript闭包的应用
- 【Seajs源码分析】3. 工具方法2
- web server/cgi/html/css/js
- json使用小结
- Extjs.panel.Panel赋值的问题
- JS实现文档加载完成后执行代码
- Json使用Jackson实现子类多态
- js 判断字符是否整数,判断是否是数值
- Hammer.js--转载自李林峰的园子
- js处理title超长问题