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


Posted in Javascript onJanuary 04, 2013

修改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; 
} 
}
Javascript 相关文章推荐
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
style、 currentStyle、 runtimeStyle区别分析
Aug 01 Javascript
js Array对象的扩展函数代码
Apr 24 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
Nov 22 Javascript
浅析AngularJS中的生命周期和延迟处理
Jun 18 Javascript
图解JavaScript中的this关键字
May 28 Javascript
JavaScript学习笔记之数组求和方法
Mar 23 Javascript
Javascript json object 与string 相互转换的简单实现
Sep 27 Javascript
angular4自定义组件非input元素实现ngModel双向数据绑定的方法
Dec 28 Javascript
详解vue 自定义marquee无缝滚动组件
Apr 09 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
Feb 19 Javascript
Vue如何实现组件间通信
May 15 Vue.js
jquery入门—选择器实现隔行变色实例代码
Jan 04 #Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
Jan 04 #Javascript
formvalidator验证插件中有关ajax验证问题
Jan 04 #Javascript
使用jquery mobile做幻灯播放效果实现步骤
Jan 04 #Javascript
jquery 插件开发 extjs中的extend用法小结
Jan 04 #Javascript
使用jquery读取html5 localstorage的值的方法
Jan 04 #Javascript
表单的焦点顺序tabindex和对应enter键提交
Jan 04 #Javascript
You might like
ThinkPHP中自定义目录结构的设置方法
2014/08/15 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
PHP实现八皇后算法
2019/05/06 PHP
javascript 解析后的xml对象的读取方法细解
2009/07/25 Javascript
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
Javascript检查图片大小不要让大图片撑破页面
2014/11/04 Javascript
使用jsonp完美解决跨域问题
2014/11/27 Javascript
原生js实现日期联动
2015/01/12 Javascript
jquery实现鼠标滑过小图时显示大图的方法
2015/01/14 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
谈谈JavaScript中function多重理解
2015/08/28 Javascript
JavaScript正则获取地址栏中参数的方法
2017/03/02 Javascript
Vue.js实例方法之生命周期详解
2017/07/03 Javascript
解决vue打包之后静态资源图片失效的问题
2018/02/21 Javascript
iview table高度动态设置方法
2018/03/14 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
基于vue中keep-alive缓存问题的解决方法
2018/09/21 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
vue登录注册实例详解
2019/09/14 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
[48:21]林俊杰圣堂刺客超神杀戮秀
2014/10/29 DOTA
巧用CSS3 border实现图片遮罩效果代码
2012/04/09 HTML / CSS
jurlique茱莉蔻英国官网:澳洲天然护肤品
2018/08/03 全球购物
新西兰杂志订阅:isubscribe
2019/08/26 全球购物
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
新年主持词
2014/03/27 职场文书
竞选卫生委员演讲稿
2014/04/28 职场文书
踏青活动策划方案
2014/08/19 职场文书
2014年中秋节活动总结
2014/08/29 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
开展党的群众路线教育实践活动情况汇报
2014/11/05 职场文书
入党积极分子培养联系人意见
2015/08/12 职场文书
高中优秀作文(范文)
2019/08/15 职场文书
如何自己动手写SQL执行引擎
2021/06/02 MySQL