论坛首页 Web前端技术论坛

简单日历,原创+源码

浏览 1344 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-05-11   最后修改:2009-06-25

支持IE5.5+,Mozilla Firefox3.0+,Google Chrome1.0+,Apple Safiri3.2+浏览器.

 

预览效果如下:

呵呵,看起来很朴素,不过样式是可以定制的。


 

代码很简单,也很容易拓展,支持IE5.5+,ff等几乎所有浏览器。

var Calendar = {
	//版权信息、使用须知;
	//使用须知:1.页面编码必须为gb2312编码,否则会造成中文字符不能正确显示;
	//			2.只在DTD为:“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">”的页面下测试通过;
	//			3.测试浏览器包括:IE6.0、IE7.0、Firefox/3.0.6、Netscape 7.2、Safari3.2.1(525.27.1)、Google Chrome1.0.154;
	RIGHTS : {
		title : "简单日期控件",
		author : "程浩军,[mailer.cheng@gmail.com]",
		version : {
			"1.0":"基本功能完成",
			"1.1":"修正了在页面下底部和右边日期控件显示位置偏移的问题!2009-04-20 18.09",
			"1.2":"zIndex过小,日期控件无法显示问题!2009-04-22 10.55",
			"1.3":"添加关闭面板的“X”按钮!2009-05-16 13.38"
		},
		notice : "您可以任意修改并且发布该源代码。\n\n但敬请保留程序版本信息!"
	}
/*
.
.
.省略代码!!!!!!!!1
.
.
.
*/
}

Calendar.extend(
	Calendar,{
		checkDateLogic : function(strStart,strEnd){
			var separator = Calendar.separator;
			if(!separator || separator == null || separator == "")
				return;
			if(strStart == null || strStart == "" || strStart.indexOf(separator) == -1){
				return;
			}
			if(strEnd == null || strEnd == "" || strEnd.indexOf(separator) == -1){
				return;
			}
			var arr1 = strStart.split(separator);
		    var arr2 = strEnd.split(separator);

		    var date1 = new Date(arr1[0],parseInt(arr1[1].replace(/^0/,""),10) - 1,arr1[2]);
		    var date2 = new Date(arr2[0],parseInt(arr2[1].replace(/^0/,""),10) - 1,arr2[2]);
		
			return (date1 < date2)
		}
	}
);
 

 

  • 大小: 36.2 KB
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics