修改js Calendar日历控件兼容IE9/谷歌/火狐

260 阅读 0 评论 172 点赞

我是靠谱客的博主忧伤汽车，最近开发中收集的这篇文章主要介绍修改js Calendar日历控件兼容IE9/谷歌/火狐，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

修改Calendar日历控件兼容IE9，谷歌，火狐。
只是能用，出现的位置有所不同，希望有高手再帮我改改吧，谢谢
一、

复制代码代码如下:

this.iframe = window.frames（"meizzCalendarIframe"）;

修改为

复制代码代码如下:

this.iframe = window.frames["meizzCalendarIframe"];

二、

复制代码代码如下:

 
var a = (arguments.length==0) ? WebCalendar.day[this.id.substr(8)].split("/") : arguments[0].split("/"); 

修改为

复制代码代码如下:

var a = WebCalendar.day[this.id.substr(8)].split("/");

三、

复制代码代码如下:

 
function dayMouseOver() 
{ 
this.className = "over"; 
this.style.backgroundColor = WebCalendar.darkColor; 
if(WebCalendar.day[this.id.substr(8)].split("/")[1] == WebCalendar.thisMonth) 
this.style.color = WebCalendar.lightColor; 
} 
function dayMouseOut() 
{ 
this.className = "out"; var d = WebCalendar.day[this.id.substr(8)], a = d.split("/"); 
this.style.removeattribute("backgroundColor"); 
if(a[1] == WebCalendar.thisMonth && d != WebCalendar.today) 
{ 
if(WebCalendar.dateStyle && a[0] == parseInt(WebCalendar.dateStyle[4], 10)) 
this.style.color = WebCalendar.lightColor; 
this.style.color = WebCalendar.wordColor; 
} 
} 

修改为

复制代码代码如下:

 
var bgbgbg; 
function dayMouseOver() 
{ 
this.className = "over"; 
bgbgbg=this.style.backgroundColor; 
this.style.backgroundColor = WebCalendar.darkColor; 
if(WebCalendar.day[this.id.substr(8)].split("/")[1] == WebCalendar.thisMonth) 
this.style.color = WebCalendar.lightColor; 
} 
function dayMouseOut() 
{ 
this.className = "out"; var d = WebCalendar.day[this.id.substr(8)], a = d.split("/"); 
this.style.backgroundColor = bgbgbg; 
if(a[1] == WebCalendar.thisMonth && d != WebCalendar.today) 
{ 
if(WebCalendar.dateStyle && a[0] == parseInt(WebCalendar.dateStyle[4], 10)) 
this.style.color = WebCalendar.lightColor; 
this.style.color = WebCalendar.wordColor; 
} 
} 