`
daoger
  • 浏览: 529607 次
  • 性别: Icon_minigender_1
  • 来自: 山东济南
社区版块
存档分类
最新评论

javascript实现日期操作的工具包

阅读更多
最近一个小项目中用到了dwr,其中使用到了日期型数据;查了一下dwr的中文文档,上面推荐的日期型数据的工具包不错,贴在这里和大家分享,哈!
这是这个工具包的网站:http://www.mattkruse.com/javascript/date/,当然上面还有很多工具包来!
工具包的代码:
// ===================================================================
// Author: Matt Kruse <matt@mattkruse.com>
// WWW: http://www.mattkruse.com/
//
// NOTICE: You may use this code for any purpose, commercial or
// private, without any further permission from the author. You may
// remove this notice from your final code if you wish, however it is
// appreciated by the author if at least my web site address is kept.
//
// You may *NOT* re-distribute this code in any way except through its
// use. That means, you can include it in your product, or your web
// site, or any other form where the code is actually being used. You
// may not put the plain javascript up on your site for download or
// include it in your javascript libraries for download. 
// If you wish to share this code with others, please just point them
// to the URL instead.
// Please DO NOT link directly to my .js files from your site. Copy
// the files to your server and use them there. Thank you.
// ===================================================================

// HISTORY
// ------------------------------------------------------------------
// May 17, 2003: Fixed bug in parseDate() for dates <1970
// March 11, 2003: Added parseDate() function
// March 11, 2003: Added "NNN" formatting option. Doesn't match up
//                 perfectly with SimpleDateFormat formats, but 
//                 backwards-compatability was required.

// ------------------------------------------------------------------
// These functions use the same 'format' strings as the 
// java.text.SimpleDateFormat class, with minor exceptions.
// The format string consists of the following abbreviations:
// 
// Field        | Full Form          | Short Form
// -------------+--------------------+-----------------------
// Year         | yyyy (4 digits)    | yy (2 digits), y (2 or 4 digits)
// Month        | MMM (name or abbr.)| MM (2 digits), M (1 or 2 digits)
//              | NNN (abbr.)        |
// Day of Month | dd (2 digits)      | d (1 or 2 digits)
// Day of Week  | EE (name)          | E (abbr)
// Hour (1-12)  | hh (2 digits)      | h (1 or 2 digits)
// Hour (0-23)  | HH (2 digits)      | H (1 or 2 digits)
// Hour (0-11)  | KK (2 digits)      | K (1 or 2 digits)
// Hour (1-24)  | kk (2 digits)      | k (1 or 2 digits)
// Minute       | mm (2 digits)      | m (1 or 2 digits)
// Second       | ss (2 digits)      | s (1 or 2 digits)
// AM/PM        | a                  |
//
// NOTE THE DIFFERENCE BETWEEN MM and mm! Month=MM, not mm!
// Examples:
//  "MMM d, y" matches: January 01, 2000
//                      Dec 1, 1900
//                      Nov 20, 00
//  "M/d/yy"   matches: 01/20/00
//                      9/2/00
//  "MMM dd, yyyy hh:mm:ssa" matches: "January 01, 2000 12:30:45AM"
// ------------------------------------------------------------------

var MONTH_NAMES=new Array('January','February','March','April','May','June','July','August','September','October','November','December','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec');
var DAY_NAMES=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sun','Mon','Tue','Wed','Thu','Fri','Sat');
function LZ(x) {return(x<0||x>9?"":"0")+x}

// ------------------------------------------------------------------
// isDate ( date_string, format_string )
// Returns true if date string matches format of format string and
// is a valid date. Else returns false.
// It is recommended that you trim whitespace around the value before
// passing it to this function, as whitespace is NOT ignored!
// ------------------------------------------------------------------
function isDate(val,format) {
	var date=getDateFromFormat(val,format);
	if (date==0) { return false; }
	return true;
	}

// -------------------------------------------------------------------
// compareDates(date1,date1format,date2,date2format)
//   Compare two date strings to see which is greater.
//   Returns:
//   1 if date1 is greater than date2
//   0 if date2 is greater than date1 of if they are the same
//  -1 if either of the dates is in an invalid format
// -------------------------------------------------------------------
function compareDates(date1,dateformat1,date2,dateformat2) {
	var d1=getDateFromFormat(date1,dateformat1);
	var d2=getDateFromFormat(date2,dateformat2);
	if (d1==0 || d2==0) {
		return -1;
		}
	else if (d1 > d2) {
		return 1;
		}
	return 0;
	}

// ------------------------------------------------------------------
// formatDate (date_object, format)
// Returns a date in the output format specified.
// The format string uses the same abbreviations as in getDateFromFormat()
// ------------------------------------------------------------------
function formatDate(date,format) {
	format=format+"";
	var result="";
	var i_format=0;
	var c="";
	var token="";
	var y=date.getYear()+"";
	var M=date.getMonth()+1;
	var d=date.getDate();
	var E=date.getDay();
	var H=date.getHours();
	var m=date.getMinutes();
	var s=date.getSeconds();
	var yyyy,yy,MMM,MM,dd,hh,h,mm,ss,ampm,HH,H,KK,K,kk,k;
	// Convert real date parts into formatted versions
	var value=new Object();
	if (y.length < 4) {y=""+(y-0+1900);}
	value["y"]=""+y;
	value["yyyy"]=y;
	value["yy"]=y.substring(2,4);
	value["M"]=M;
	value["MM"]=LZ(M);
	value["MMM"]=MONTH_NAMES[M-1];
	value["NNN"]=MONTH_NAMES[M+11];
	value["d"]=d;
	value["dd"]=LZ(d);
	value["E"]=DAY_NAMES[E+7];
	value["EE"]=DAY_NAMES[E];
	value["H"]=H;
	value["HH"]=LZ(H);
	if (H==0){value["h"]=12;}
	else if (H>12){value["h"]=H-12;}
	else {value["h"]=H;}
	value["hh"]=LZ(value["h"]);
	if (H>11){value["K"]=H-12;} else {value["K"]=H;}
	value["k"]=H+1;
	value["KK"]=LZ(value["K"]);
	value["kk"]=LZ(value["k"]);
	if (H > 11) { value["a"]="PM"; }
	else { value["a"]="AM"; }
	value["m"]=m;
	value["mm"]=LZ(m);
	value["s"]=s;
	value["ss"]=LZ(s);
	while (i_format < format.length) {
		c=format.charAt(i_format);
		token="";
		while ((format.charAt(i_format)==c) && (i_format < format.length)) {
			token += format.charAt(i_format++);
			}
		if (value[token] != null) { result=result + value[token]; }
		else { result=result + token; }
		}
	return result;
	}
	
// ------------------------------------------------------------------
// Utility functions for parsing in getDateFromFormat()
// ------------------------------------------------------------------
function _isInteger(val) {
	var digits="1234567890";
	for (var i=0; i < val.length; i++) {
		if (digits.indexOf(val.charAt(i))==-1) { return false; }
		}
	return true;
	}
function _getInt(str,i,minlength,maxlength) {
	for (var x=maxlength; x>=minlength; x--) {
		var token=str.substring(i,i+x);
		if (token.length < minlength) { return null; }
		if (_isInteger(token)) { return token; }
		}
	return null;
	}
	
// ------------------------------------------------------------------
// getDateFromFormat( date_string , format_string )
//
// This function takes a date string and a format string. It matches
// If the date string matches the format string, it returns the 
// getTime() of the date. If it does not match, it returns 0.
// ------------------------------------------------------------------
function getDateFromFormat(val,format) {
	val=val+"";
	format=format+"";
	var i_val=0;
	var i_format=0;
	var c="";
	var token="";
	var token2="";
	var x,y;
	var now=new Date();
	var year=now.getYear();
	var month=now.getMonth()+1;
	var date=1;
	var hh=now.getHours();
	var mm=now.getMinutes();
	var ss=now.getSeconds();
	var ampm="";
	
	while (i_format < format.length) {
		// Get next token from format string
		c=format.charAt(i_format);
		token="";
		while ((format.charAt(i_format)==c) && (i_format < format.length)) {
			token += format.charAt(i_format++);
			}
		// Extract contents of value based on format token
		if (token=="yyyy" || token=="yy" || token=="y") {
			if (token=="yyyy") { x=4;y=4; }
			if (token=="yy")   { x=2;y=2; }
			if (token=="y")    { x=2;y=4; }
			year=_getInt(val,i_val,x,y);
			if (year==null) { return 0; }
			i_val += year.length;
			if (year.length==2) {
				if (year > 70) { year=1900+(year-0); }
				else { year=2000+(year-0); }
				}
			}
		else if (token=="MMM"||token=="NNN"){
			month=0;
			for (var i=0; i<MONTH_NAMES.length; i++) {
				var month_name=MONTH_NAMES[i];
				if (val.substring(i_val,i_val+month_name.length).toLowerCase()==month_name.toLowerCase()) {
					if (token=="MMM"||(token=="NNN"&&i>11)) {
						month=i+1;
						if (month>12) { month -= 12; }
						i_val += month_name.length;
						break;
						}
					}
				}
			if ((month < 1)||(month>12)){return 0;}
			}
		else if (token=="EE"||token=="E"){
			for (var i=0; i<DAY_NAMES.length; i++) {
				var day_name=DAY_NAMES[i];
				if (val.substring(i_val,i_val+day_name.length).toLowerCase()==day_name.toLowerCase()) {
					i_val += day_name.length;
					break;
					}
				}
			}
		else if (token=="MM"||token=="M") {
			month=_getInt(val,i_val,token.length,2);
			if(month==null||(month<1)||(month>12)){return 0;}
			i_val+=month.length;}
		else if (token=="dd"||token=="d") {
			date=_getInt(val,i_val,token.length,2);
			if(date==null||(date<1)||(date>31)){return 0;}
			i_val+=date.length;}
		else if (token=="hh"||token=="h") {
			hh=_getInt(val,i_val,token.length,2);
			if(hh==null||(hh<1)||(hh>12)){return 0;}
			i_val+=hh.length;}
		else if (token=="HH"||token=="H") {
			hh=_getInt(val,i_val,token.length,2);
			if(hh==null||(hh<0)||(hh>23)){return 0;}
			i_val+=hh.length;}
		else if (token=="KK"||token=="K") {
			hh=_getInt(val,i_val,token.length,2);
			if(hh==null||(hh<0)||(hh>11)){return 0;}
			i_val+=hh.length;}
		else if (token=="kk"||token=="k") {
			hh=_getInt(val,i_val,token.length,2);
			if(hh==null||(hh<1)||(hh>24)){return 0;}
			i_val+=hh.length;hh--;}
		else if (token=="mm"||token=="m") {
			mm=_getInt(val,i_val,token.length,2);
			if(mm==null||(mm<0)||(mm>59)){return 0;}
			i_val+=mm.length;}
		else if (token=="ss"||token=="s") {
			ss=_getInt(val,i_val,token.length,2);
			if(ss==null||(ss<0)||(ss>59)){return 0;}
			i_val+=ss.length;}
		else if (token=="a") {
			if (val.substring(i_val,i_val+2).toLowerCase()=="am") {ampm="AM";}
			else if (val.substring(i_val,i_val+2).toLowerCase()=="pm") {ampm="PM";}
			else {return 0;}
			i_val+=2;}
		else {
			if (val.substring(i_val,i_val+token.length)!=token) {return 0;}
			else {i_val+=token.length;}
			}
		}
	// If there are any trailing characters left in the value, it doesn't match
	if (i_val != val.length) { return 0; }
	// Is date valid for month?
	if (month==2) {
		// Check for leap year
		if ( ( (year%4==0)&&(year%100 != 0) ) || (year%400==0) ) { // leap year
			if (date > 29){ return 0; }
			}
		else { if (date > 28) { return 0; } }
		}
	if ((month==4)||(month==6)||(month==9)||(month==11)) {
		if (date > 30) { return 0; }
		}
	// Correct hours value
	if (hh<12 && ampm=="PM") { hh=hh-0+12; }
	else if (hh>11 && ampm=="AM") { hh-=12; }
	var newdate=new Date(year,month-1,date,hh,mm,ss);
	return newdate.getTime();
	}

// ------------------------------------------------------------------
// parseDate( date_string [, prefer_euro_format] )
//
// This function takes a date string and tries to match it to a
// number of possible date formats to get the value. It will try to
// match against the following international formats, in this order:
// y-M-d   MMM d, y   MMM d,y   y-MMM-d   d-MMM-y  MMM d
// M/d/y   M-d-y      M.d.y     MMM-d     M/d      M-d
// d/M/y   d-M-y      d.M.y     d-MMM     d/M      d-M
// A second argument may be passed to instruct the method to search
// for formats like d/M/y (european format) before M/d/y (American).
// Returns a Date object or null if no patterns match.
// ------------------------------------------------------------------
function parseDate(val) {
	var preferEuro=(arguments.length==2)?arguments[1]:false;
	generalFormats=new Array('y-M-d','MMM d, y','MMM d,y','y-MMM-d','d-MMM-y','MMM d');
	monthFirst=new Array('M/d/y','M-d-y','M.d.y','MMM-d','M/d','M-d');
	dateFirst =new Array('d/M/y','d-M-y','d.M.y','d-MMM','d/M','d-M');
	var checkList=new Array('generalFormats',preferEuro?'dateFirst':'monthFirst',preferEuro?'monthFirst':'dateFirst');
	var d=null;
	for (var i=0; i<checkList.length; i++) {
		var l=window[checkList[i]];
		for (var j=0; j<l.length; j++) {
			d=getDateFromFormat(val,l[j]);
			if (d!=0) { return new Date(d); }
			}
		}
	return null;
	}



1
1
分享到:
评论

相关推荐

    nodejs下moment日期实用工具包

    在Node.js环境中,`moment`库是一个非常流行的日期和时间处理工具,而`moment-utils`则是基于`moment.js`的扩展工具包,旨在提供更便捷、丰富的日期操作和格式化功能。本文将深入探讨`moment`和`moment-utils`的核心...

    javascript 日期数字文本格式化

    这篇博文"javascript 日期数字文本格式化"可能详细解释了如何使用自定义工具或库来实现这一功能。 首先,我们来看`02.bizplant-util-DateFormat.js`这个文件。这很可能是一个自定义的日期格式化工具函数,可能包含...

    JavaScript经典日期控件

    6. **兼容性**:由于JavaScript在不同浏览器上的实现可能存在差异,一个优秀的日期控件需要确保在主流浏览器(如Chrome、Firefox、Safari、Edge和Internet Explorer)上都能正常工作。 7. **可配置性**:My97...

    JavaScript日期控件02(日期选择器)

    4. **JavaScript逻辑**:这部分是核心,博主会详细介绍如何用JavaScript实现日期选择器的交互功能。这可能包括监听事件(如点击、键盘输入)、计算日期、更新显示等。 5. **示例代码**:博客中应该会有具体的...

    javascript日期选择器,很强大

    JavaScript Date对象是处理日期和时间的基础,它提供了创建、比较、格式化和操作日期的方法。例如,可以使用`new Date()`创建一个当前日期的实例,`getDate()`获取月份中的日期,`getFullYear()`获取四位数的年份。...

    日期控件 javascript日期控件

    2. `javascript`:这个目录可能包含了实现日期控件功能的JavaScript代码,可能是一个单独的文件或一组文件,如主逻辑文件和库文件。 3. `image`:存放日期控件的图片资源,如日历图标、选中状态的背景等。 4. `css`...

    javascript 日期组件

    这篇博文链接指向的是作者黄其清在iteye博客上分享的一个名为“ShowCalendar.js”的JavaScript日期组件实现。这个组件可能包含创建日历、选择日期、格式化日期输出等功能,方便开发者在网页中集成日期选择功能。 在...

    JavaScript日期控件01(日期选择器)

    通过阅读并理解`PopupCalendar.js`的源码,我们可以学习到如何利用JavaScript实现一个自定义的日期选择器,这对于前端开发人员来说是一项基础且实用的技能。同时,这也是一种很好的实践,了解如何将HTML、CSS和...

    JavaScript工具库

    6. **实用函数**:例如字符串格式化、数字处理、时间日期操作等辅助函数。 7. **插件扩展**:如果库设计良好,可能会支持第三方插件的集成和扩展。 学习和理解这个JavaScript工具库,可以帮助开发者提高代码复用性...

    漂亮JavaScript弹出选择日期控件

    "date.js"文件很可能是这个日期控件的JavaScript实现。JavaScript代码可以用来监听用户交互,如点击事件,然后弹出一个自定义的日期选择器。这个选择器通常会以日历的形式显示,允许用户通过点击或滑动选择特定日期...

    通过JavaScript实现一个动态时钟

    【标题】"通过JavaScript实现一个动态时钟"的知识点解析 在Web开发中,JavaScript是一种不可或缺的编程语言,它能够使网页具有交互性。本文将深入探讨如何利用JavaScript来创建一个实时更新的动态时钟。这个功能...

    JavaScript工具库.rar

    JavaScript工具库的出现,极大地提高了开发效率,简化了复杂操作,并提供了丰富的功能。本压缩包“JavaScript工具库.rar”包含了三个主要部分:JavaScript参考手册、jQuery参考手册以及“js网页设计300例”,这些都...

    JavaScript对日期的调用

    总的来说,JavaScript的Date对象是处理日期和时间的强大工具,可以应对各种复杂的日期验证和格式化需求。在实际项目中,开发者应该充分利用这些功能,以提高代码的效率和可读性。结合`js_checkdate`这样的自定义函数...

    JavaScript生成的日期组件

    JavaScript的Date对象是实现这一功能的基础,它提供了创建、操作和格式化日期的方法。 在"SETDAY.JS"这个文件中,我们可以预期它包含了用于生成日期组件的核心代码。可能包括定义日期选择器的HTML结构,设置事件...

    asp.netajax资源工具包

    ASP.NET AJAX资源工具包是微软为开发者提供的一组强大的客户端脚本库,它与ASP.NET 2.0框架紧密集成,旨在提升Web应用程序的用户体验,通过实现页面的部分更新(也称为异步处理)来减少页面刷新,从而提高交互性和...

    JavaScript实现桌面级便签系统

    在"JavaScript实现桌面级便签系统"这个主题中,我们将深入探讨如何利用JavaScript来构建一个用户可以在其桌面上使用的便签应用程序。这个系统不仅能够提供基本的记事功能,还可能包括提醒、搜索、分类等多种实用特性...

    JavaScript日期控件(日期选择器),很不错的,使用方便。

    在实现日期选择器时,开发者通常会结合HTML、CSS和JavaScript来创建一个交互式的日历视图。HTML用于构建基础结构,CSS负责样式设计,使其美观易用,JavaScript则负责处理用户交互,如点击日历中的某一天或者切换月份...

    javascript日期控件源码

    在JavaScript中实现日期控件,开发者通常会使用内置的Date对象来处理日期和时间的操作。Date对象提供了各种方法,如getFullYear()获取年份,getMonth()获取月份(注意,月份是从0开始的),getDate()获取日期,以及...

    javascript日期控件五

    JavaScript日期控件是一种在网页上实现用户交互式选择日期或时间的工具,它极大地提高了用户在填写表单时的体验。在网页开发中,日期控件通常用于预订系统、日历应用、事件管理等场景。JavaScript,作为一种轻量级的...

Global site tag (gtag.js) - Google Analytics