郑重申明, 此日历非本人作品 作者: 张剑锋(我同学 哈哈 他花了五个小时写出来的) 可把下面js保存为 mycalendar.js,因为我看网上有很多人需求这样的日历,那么我也不自私了 把其贡献出来 使用方法: 导入这个js文件 ,页面加载事件 此可以写在body里面 ,后面的给与的form可以保存到一个html里面 希望有兴趣的人在研究研究 美化美化
// JavaScript Document
/**
*
* @author zjf
* @version 2.1
* @description
*/
//---------------------------此js是日历控件的控制类-------------------------------------------------- -----//
var m = ["日", "一", "二", "三", "四", "五", "六"];
var taday, month, month1, year,year1, week;// month,week是以零开始的
var date = new Date();
taday = date.getDate();
month = date.getMonth();
week = date.getDay();
year = date.getYear();
var tadayStyle = "background-color:red;cursor:hand;";
var selectStyle = "background-color:green;cursor:hand;";// 选中的样式
var unSelectStyle = "cursor:hand;";// 未选中的样式
var formName = "productForm"// 刚开始必须初始化
var hiddenName = "a"// 刚开始必须初始化
var productId = 0;// 商品编号------------------------------
function getFirstDay(year, month) { // 得到当月的第一天是星期几
date.setYear(year);
date.setMonth(month);
date.setDate(1);
return date.getDay();
}
function isLeap_year(year) {// 判断是否是闰年
var d1 = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];// 平年
var d2 = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];// 闰年
if (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0))
return d2;
else
return d1;
}
function resetDate(year, month, day) {
date.setYear(year);
date.setMonth(month);
date.setDate(day);
this.taday = date.getDate();
this.month = date.getMonth();
this.week = date.getDay();
this.year = date.getYear();
document.getElementById("table1").innerHTML = "";
createTable(7, 8, this.month,this.year);
this.month1 = this.month + 1;
if(this.month>=11){
month1=0;
createTable(7, 8, this.month1,this.year+1);}
else
createTable(7, 8, this.month1,this.year);
}
function createTable(X, Y, month,year) {
document.getElementById('year').value = this.year;
var sem = document.getElementById('month');
sem.options.selectedIndex = this.month+1;
//alert(month);//--------------------------------- -----------------
var t = document.createElement('table');
var day = 1;
for (var i = 0; i isLeap_year(year)[month]) { // 不能大于每个月的最大天数
c.innerHTML = "
// JavaScript Document
/**
*
* @author zjf
* @version 2.1
* @description
*/
//---------------------------此js是日历控件的控制类-------------------------------------------------- -----//
var m = ["日", "一", "二", "三", "四", "五", "六"];
var taday, month, month1, year,year1, week;// month,week是以零开始的
var date = new Date();
taday = date.getDate();
month = date.getMonth();
week = date.getDay();
year = date.getYear();
var tadayStyle = "background-color:red;cursor:hand;";
var selectStyle = "background-color:green;cursor:hand;";// 选中的样式
var unSelectStyle = "cursor:hand;";// 未选中的样式
var formName = "productForm"// 刚开始必须初始化
var hiddenName = "a"// 刚开始必须初始化
var productId = 0;// 商品编号------------------------------
function getFirstDay(year, month) { // 得到当月的第一天是星期几
date.setYear(year);
date.setMonth(month);
date.setDate(1);
return date.getDay();
}
function isLeap_year(year) {// 判断是否是闰年
var d1 = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];// 平年
var d2 = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];// 闰年
if (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0))
return d2;
else
return d1;
}
function resetDate(year, month, day) {
date.setYear(year);
date.setMonth(month);
date.setDate(day);
this.taday = date.getDate();
this.month = date.getMonth();
this.week = date.getDay();
this.year = date.getYear();
document.getElementById("table1").innerHTML = "";
createTable(7, 8, this.month,this.year);
this.month1 = this.month + 1;
if(this.month>=11){
month1=0;
createTable(7, 8, this.month1,this.year+1);}
else
createTable(7, 8, this.month1,this.year);
}
function createTable(X, Y, month,year) {
document.getElementById('year').value = this.year;
var sem = document.getElementById('month');
sem.options.selectedIndex = this.month+1;
//alert(month);//--------------------------------- -----------------
var t = document.createElement('table');
var day = 1;
for (var i = 0; i isLeap_year(year)[month]) { // 不能大于每个月的最大天数
c.innerHTML = "