推荐兼容 IE、 FireFox 的 javascript 日历控件
推荐兼容 IE、 FireFox 的 javascript 日历控件
原创作者:寒羽枫(cityhunter172)
一、简介与声明
此日历控件是 CSDN 网友 KimSoft 的作品:http://blog.csdn.net/kimsoft/archive/2006/05/24/753225.aspx 。界面清爽,纯脚本运行,实现了日期的回显功能,最重要的是兼容 FireFox 。
为了适应更多需求,我针对该控件做了以下修改:
1、返回日期的输出格式,我改成了由用户以参数形式指定 Style
2、关于 IE 中 <select> 下拉框的处理,不调用隐藏,而是用<iframe>直接覆盖
3、不使用 //this.panel.style.visibility = "hidden"; 因为它在 FireFox 中会掩盖之前出现过地方下面的链接文字,而是改用 this.panel.style.display = "none";
4、新增失去焦点后,整个 WebCalendar 即隐藏
此控件版权归属于 KimSoft ,大家在使用过程中请勿删除文中的版权声明,谢谢!再次感谢 KimSoft 的开源。
[原作者 kimsoft 于2006-11-28 22:00:00 发表:此代码可以任意修改、欢迎传播]
2006 - 12- 03 ,我针对目前出现的 BUG 做了以下修正:
1、把原控件中的 <form> 变成 <div>,解决不能在页面的 form 标签中引用该脚本的 BUG
2、新增突出已选择的日期的背景色
3、不需要每次使用都初始化实例,整张页面共用一个实例,加快显示速度
二、修改后的代码
以下是 WebCalendar.js 修改后的源码
<!--
var cal;
var isFocus=false; //是否为焦点
//以上为 寒羽枫 2006-06-25 添加的变量
//选择日期 → 由 寒羽枫 2006-06-25 添加
function SelectDate(obj,strFormat)
...{
&
相关文档:
http://203.208.39.132/search?q=cache:CS7gmmmKO1UJ:cdivilly.wordpress.com/2008/09/05/debugging-javascript-on-internet-explorer-mobile/+mobile+ie+debug&cd=2&hl=zh-CN&ct=clnk&gl=cn&client=firefox-a&st_usg=ALhdy2_5z6wqB0HLfTGoC9EDfEwpnra-LQ ......
concat
将两个或多个字符的文本组合起来,返回一个新的字符串。
var a = "hello";
var b = ",world";
var c = a.concat(b);
alert(c);
//c = "hello,world"
indexOf
返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。
var index1 = a.indexOf(& ......
Html页
<a href="javascript:void(0);" mce_href="javascript:void(0);" ><img id="SubmitFeedback" src="/images/comment_btn.gif" mce_src="images/comment_btn.gif" /></a>
脚本
$(document).ready(function() {
alert("页面刷新&q ......
1. timeplot
地址:http://www.simile-widgets.org/timeplot/
下载:http://code.google.com/p/simile-widgets/downloads/list
2.flot
是一个jquery插件,效果不错。
地址:http://code.google.com/p/flot/
3.Highcharts
地址:http://www.highcharts.com/
好像只对个人免费。
......
我开始做这个的时候
获取 s:datetimepicker里面的值像往常一样 document.forms[0].elemets["date"].value;
但是在 IE浏览器中总是报一个 value 这个对象不存在
但是 在 火狐浏览器中使用 document.forms[0].elemets["date"].value; 可以
后来到官网上查了一下,
s:datetimepicker中的值在javascript中是 ......