`
qm4050
  • 浏览: 78295 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

修改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;
    }
}


下载链接

http://download.csdn.net/detail/qm4050/4957903


分享到:
评论

相关推荐

    Calendar 日历控件 兼容IE9

    Calendar 日历控件 兼容IE6 兼容IE8 兼容IE9 兼容火狐 兼容谷歌

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

    修改Calendar日历控件 兼容IE9,谷歌,火狐。 只是能用,出现的位置有所不同,希望有高手再帮我改改吧,谢谢 一、 代码如下: this.iframe = window.frames(”meizzCalendarIframe”); 修改为 代码如下: this....

    JS火狐兼容日历控件

    本文将详细介绍一个针对火狐和IE浏览器兼容的日历控件,该控件最初发布于2008年5月13日,并经过了后续的优化和修改,可以直接在下载后使用。 ### 控件概述 这个JS日历控件是一个JavaScript实现的轻量级组件,旨在...

    带节假日日历控件

    1. **多浏览器兼容性**:如描述中提到的,该控件兼容IE(Internet Explorer)、谷歌Chrome和火狐Firefox等主流浏览器。这表明开发者已考虑到不同用户的浏览器选择,确保了应用的广泛适用性。 2. **节假日显示**:...

    3大浏览器全兼容 日历控件

    "3大浏览器全兼容 日历控件"的主题聚焦于实现一个能够在Internet Explorer、Firefox和Chrome这三大主流浏览器上都能无缝工作的日历选择功能。这个控件允许用户通过图形界面选择日期,常见于表单输入、事件预订或时间...

    修正:支持Chrome、FireFox的梅花雨日历控件3.0修正版

    在IE6,IE7,IE8,chrome谷歌浏览器6.0.472.55,FireFox火狐3.6.8下测试通过 需要说明的是,测试时间不多,所以可能测试不够详细,欢迎大家指出bug,并在我的博客发表回复:http://beinet.cn 注意:刚刚测出一个bug,请...

    JS日期控件(兼容火狐)

    * 日历类 (调用方法查看最下方) * @version 3 * @author skey_chen 2009-12-01 10:20 * @email skey_chen@163.com */ //配置信息 var __WebCalendarConfig__ = { //当前js被引用的src目录地址 contentPath:"...

    jquery的日历控件控件代码

    本篇文章将详细讲解如何使用jQuery实现一个兼容IE和Firefox的日历控件。 首先,jQuery日历控件是网页应用程序中常见的用户界面元素,它允许用户方便地选择日期,常用于表单输入或者时间相关的功能。这个控件的关键...

    日期控件(支持火狐和IE)

    然而,这个日期控件声称能在火狐和IE上“绝对没问题”,意味着它可能采用了兼容性良好的代码或者使用了某种库或框架来解决这个问题。 描述中的“日期控件 支持火狐和IE, 绝对没问题的”进一步强调了其兼容性,表明...

    js日期上传控件,兼容火狐

    - **CSS**:CSS用于美化日历控件的外观,包括颜色、字体、布局等,确保其在不同浏览器上看起来一致且美观。 - **JavaScript**:核心的JS代码会创建和管理日历界面,处理用户的点击事件,以及与HTML输入框的交互。...

    js日历插件(火狐和IE都能用)

    该插件是一款能够兼容火狐(Firefox)和Internet Explorer(IE)浏览器的日历控件,具有良好的跨浏览器特性,确保在不同环境中都能正常运行。此外,该插件支持时间选择功能,即用户不仅可以选择日期,还可以精确到秒...

Global site tag (gtag.js) - Google Analytics