修改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 相关文章推荐
怎么判断js脚本加载完成
Feb 28 Javascript
javascript中Number对象的toString()方法分析
Dec 20 Javascript
jQuery中:radio选择器用法实例
Jan 03 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
Sep 27 Javascript
js实现将json数组显示前台table中
Jan 10 Javascript
分分钟玩转Vue.js组件(二)
Mar 01 Javascript
JavaScript动态绑定详解
Sep 14 Javascript
css和js实现弹出登录居中界面完整代码
Nov 26 Javascript
vue项目中仿element-ui弹框效果的实例代码
Apr 22 Javascript
javascript实现自由编辑图片代码详解
Jun 21 Javascript
详解Vue中的基本语法和常用指令
Jul 23 Javascript
原生js实现照片墙效果
Oct 13 Javascript
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
php数据库配置文件一般做法分享
2012/07/07 PHP
php中apc缓存使用示例
2013/12/25 PHP
php使用GeoIP库实例
2014/06/27 PHP
CI(CodeIgniter)模型用法实例分析
2016/01/20 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
PHP生成及获取JSON文件的方法
2016/08/23 PHP
php生成0~1随机小数的方法(必看)
2017/04/05 PHP
js实现div的切换特效上一个下一个
2014/02/11 Javascript
Node.js中AES加密和其它语言不一致问题解决办法
2014/03/10 Javascript
纯js实现遮罩层效果原理分析
2014/05/27 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
2014/09/01 Javascript
一个检测表单数据的JavaScript实例
2014/10/31 Javascript
JQuery中Bind()事件用法分析
2015/05/05 Javascript
jQuery过滤HTML标签并高亮显示关键字的方法
2015/08/07 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
webstorm中配置nodejs环境及npm的实例
2018/05/15 NodeJs
JavaScript类数组对象转换为数组对象的方法实例分析
2018/07/24 Javascript
js中位运算的运用实例分析
2018/12/11 Javascript
js判断在哪个浏览器打开项目的方法
2020/01/21 Javascript
vue3.0中setup使用(两种用法)
2020/12/02 Vue.js
pycharm debug功能实现跳到循环末尾的方法
2018/11/29 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
利用CSS3实现开门效果实例源码
2016/08/22 HTML / CSS
CSS3中新增的对文本和字体的设置
2020/02/03 HTML / CSS
总结html5自定义属性有哪些
2020/04/01 HTML / CSS
教师绩效考核方案
2014/01/21 职场文书
教师节学生演讲稿
2014/09/03 职场文书
关于感恩老师的古诗句
2019/08/20 职场文书
南阳市白酒市场的调查报告
2019/11/08 职场文书
WordPress多语言翻译插件 - WPML使用教程
2021/04/01 PHP
ElementUI实现el-form表单重置功能按钮
2021/07/21 Javascript