`
iceman0012
  • 浏览: 11248 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

JavaScript时间处理扩展函数

    博客分类:
  • JS
 
阅读更多

把字符串转换为日期对象

有时需要把字符串转换为日期对象,但是IE下不支持new Date("2011-04-07")这样实例化日期对象,ff下支持,所以写了一个扩展函数,用来把形如yyyy-mm-dd或者dd/mm/yyyy的字符串转换为日期对象。代码如下:

/*
函数:把字符串转换为日期对象
参数:yyyy-mm-dd或dd/mm/yyyy形式的字符串
返回:Date对象
注:IE下不支持直接实例化日期对象,如new Date("2011-04-06")
*/
Date.prototype.convertDate = function (date) 
{
	var flag = true;
	var dateArray = date.split("-");
	if (dateArray.length != 3) 
	{
		dateArray = date.split("/");
		if (dateArray.length != 3) 
		{
			return null;
		}
		flag = false;
	}
	var newDate = new Date();
	if (flag) 
	{
		// month从0开始
		newDate.setFullYear(dateArray[0], dateArray[1] - 1, dateArray[2]);
	}
	else 
	{
		newDate.setFullYear(dateArray[2], dateArray[1] - 1, dateArray[0]);
	}
	newDate.setHours(0, 0, 0);
	return newDate;
};

Test:

<script type="text/javascript">
  document.writeln(new Date().convertDate("7/12/2011"));
</script>

输出:Wed Dec 07 2011 17:30:58 GMT+0800

 

计算两个日期之间的差值

这个函数可以计算两个日期之前的差值(毫秒/秒/分/小时/天),主要用到了getTime()函数和Math.floor()函数,代码如下:

/*
函数:计算两个日期之间的差值
参数:date是日期对象
	flag:ms-毫秒,s-秒,m-分,h-小时,d-天,M-月,y-年
返回:当前日期和date两个日期相差的毫秒/秒/分/小时/天
*/
Date.prototype.dateDiff = function (date, flag) 
{
	var msCount;
	var diff = this.getTime() - date.getTime();
	switch (flag) 
	{
		case "ms":
			msCount = 1;
			break;
		case "s":
			msCount = 1000;
			break;
		case "m":
			msCount = 60 * 1000;
			break;
		case "h":
			msCount = 60 * 60 * 1000;
			break;
		case "d":
			msCount = 24 * 60 * 60 * 1000;
			break;
	}
	return Math.floor(diff / msCount);
};

测试:

<script type="text/javascript">
  var d1 = new Date().convertDate("2011-04-08");
  var d2 = new Date().convertDate("2011-04-07");
  document.writeln(d1.dateDiff(d2, 'd'));
</script>

判断一个年份是否为闰年

 /*
函数:判断一个年份是否为闰年
返回:是否为闰年
*/
Date.prototype.isLeapYear = function () 
{
	var year = this.getFullYear();
	return (year % 4 == 0) && (year % 100 != 0 || year % 400 == 0);
}

测试:

 

<script type="text/javascript">
  document.writeln(new Date().convertDate("2000-04-08").isLeapYear() + "<br>");
  document.writeln(new Date().convertDate("2011-04-08").isLeapYear() + "<br>");
</script>
// 结果:
// true
// false

格式化日期

这个函数是从网上搜来的,稍微修改了一下,它类似.net中Format函数,传入格式化字符串如"yyyy-MM-dd",返回格式化后的日期。

 

/*
函数:格式化日期
参数:formatStr-格式化字符串
	d:将日显示为不带前导零的数字,如1
	dd:将日显示为带前导零的数字,如01
	ddd:将日显示为缩写形式,如Sun
	dddd:将日显示为全名,如Sunday
	M:将月份显示为不带前导零的数字,如一月显示为1
	MM:将月份显示为带前导零的数字,如01
	MMM:将月份显示为缩写形式,如Jan
	MMMM:将月份显示为完整月份名,如January
	yy:以两位数字格式显示年份
	yyyy:以四位数字格式显示年份
	h:使用12小时制将小时显示为不带前导零的数字,注意||的用法
	hh:使用12小时制将小时显示为带前导零的数字
	H:使用24小时制将小时显示为不带前导零的数字
	HH:使用24小时制将小时显示为带前导零的数字
	m:将分钟显示为不带前导零的数字
	mm:将分钟显示为带前导零的数字
	s:将秒显示为不带前导零的数字
	ss:将秒显示为带前导零的数字
	l:将毫秒显示为不带前导零的数字
	ll:将毫秒显示为带前导零的数字
	tt:显示am/pm
	TT:显示AM/PM
	返回:格式化后的日期
*/
Date.prototype.format = function (formatStr) 
{
	var date = this;
	/*
	函数:填充0字符
	参数:value-需要填充的字符串, length-总长度
	返回:填充后的字符串
	*/
	var zeroize = function (value, length) 
	{
		if (!length) 
		{
			length = 2;
		}
		value = new String(value);
		for (var i = 0, zeros = ''; i < (length - value.length); i++) 
		{
			zeros += '0';
		}
		return zeros + value;
	};
	return formatStr.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|M{1,4}|yy(?:yy)?|([hHmstT])\1?|[lLZ])\b/g, function($0) 
	{
		switch ($0) 
		{
			case 'd': return date.getDate();
			case 'dd': return zeroize(date.getDate());
			case 'ddd': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
			case 'dddd': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
			case 'M': return date.getMonth() + 1;
			case 'MM': return zeroize(date.getMonth() + 1);
			case 'MMM': return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()];
			case 'MMMM': return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][date.getMonth()];
			case 'yy': return new String(date.getFullYear()).substr(2);
			case 'yyyy': return date.getFullYear();
			case 'h': return date.getHours() % 12 || 12;
			case 'hh': return zeroize(date.getHours() % 12 || 12);
			case 'H': return date.getHours();
			case 'HH': return zeroize(date.getHours());
			case 'm': return date.getMinutes();
			case 'mm': return zeroize(date.getMinutes());
			case 's': return date.getSeconds();
			case 'ss': return zeroize(date.getSeconds());
			case 'l': return date.getMilliseconds();
			case 'll': return zeroize(date.getMilliseconds());
			case 'tt': return date.getHours() < 12 ? 'am' : 'pm';
			case 'TT': return date.getHours() < 12 ? 'AM' : 'PM';
		}
	});
}

测试:

 

<script type="text/javascript">
  document.writeln(new Date().format("yyyy-MM-dd hh:mm:ss"));
</script>
// 结果:
// 2011-04-08 10:13:37

积累!

分享到:
评论

相关推荐

    一些javascript的扩展函数

    一些js的扩展函数 一些js的扩展函数 一些js的扩展函数 一些js的扩展函数

    InTouch扩展函数库.rar

    这款软件的强大之处在于其丰富的功能和高度的可扩展性,其中就包括了各种扩展函数库。 "Intouch扩展函数库.rar"是一个包含额外功能和定制工具的压缩包文件,旨在增强InTouch的基本功能。扩展函数库通常包含了用户...

    JavaScript函数式编程.pdf

    不过,由于【标题】中提供了文档的名称——"JavaScript函数式编程.pdf",我可以根据这个名称扩展出关于JavaScript函数式编程的知识点。 JavaScript函数式编程的知识点非常丰富,涉及很多方面的内容,下面将详细介绍...

    全面兼容的javascript时间格式化函数(比较实用)

    JavaScript中的Date对象用于处理日期和时间。Date对象支持多种方法,例如获取年、月、日、小时、分钟和秒等。不同的浏览器和JavaScript版本对于Date对象的支持程度可能存在差异,这就需要一个全面兼容的方法来格式化...

    JavaScript ES6函数式编程入门经典_javascript_

    6. **剩余参数与扩展运算符**:剩余参数(`...rest`)允许你在函数定义时捕获传入的多余参数,而扩展运算符(`...`)则用于展开数组或对象,如`function sum(...numbers) { return numbers.reduce((total, num) =&gt; ...

    de1.7 轻量级的javascript扩展函数库

    de.js是一个轻量级的javascript扩展函数库,通过扩展页面元素的方法和属性、和扩展javascript内置类型的方法来帮助web前端开发人员实现更便捷和高效的编程。以下是主要特点: 支持类似jquery的选择器,同时支持类似...

    javascript函数库查询手册

    在JavaScript的世界里,函数库极大地扩展了语言的基本功能,使得前端开发更为便捷。例如,jQuery是其中最为著名的库之一,它简化了DOM操作、事件处理和动画效果,使得JavaScript代码更加简洁。另一个常用库是React,...

    javascript string和array常用扩展方法

    javascript string和array常用扩展方法

    JavaScript ES6函数式编程入门经典

    《JavaScriptES6函数式编程入门经典》使用JavaScriptES6带你学习函数式编程。你将学习柯里化、偏函数、高阶函数以及Monad等概念。  目前,编程语言已经将... ●了解ES6的函数式编程特性,例如扩展运算符和Generator

    javascript调用delphi中的函数

    标题“javascript调用delphi中的函数”涉及到的技术领域是跨语言通信,具体是JavaScript与Delphi之间的交互。这种交互通常发生在Web应用程序与桌面应用程序的集成,或者在浏览器扩展和本地资源之间。以下是对这一...

    js函数扩展

    在JavaScript中,通过递归调用来实现,每次调用只处理一个参数,并返回一个新的函数处理剩余参数。这样可以提前绑定部分参数,增加代码的可重用性。 2. **高阶函数**:高阶函数是指能够接受一个或多个函数作为参数...

    Javascript中调用C++函数

    在JavaScript和C++之间进行交互,特别是在开发浏览器扩展或嵌入式环境时,是一个常见的需求。这通常涉及到在JavaScript中调用C++编写的函数,以利用C++的高性能和低级特性。本文将深入探讨如何实现这一目标,特别是...

    JavaScript仿PHP时间格式化函数

    总的来说,这个"JavaScript仿PHP时间格式化函数"极大地扩展了JavaScript在日期格式化方面的灵活性,使得前端开发者无需后端的帮助,也能实现与PHP类似的日期处理。这个库对于需要在多种语言间保持一致日期格式的项目...

    JavaScript ES6函数式编程入门经典_javascript_tall7cj_

    JavaScript ES6函数式编程入门经典是一本针对JavaScript开发者,尤其是初学者的教程,旨在帮助他们掌握ES6(ECMAScript 2015)的新特性,并深入理解函数式编程的概念和实践。函数式编程是一种编程范式,它强调将计算...

    javascript函数大全

    以上只是JavaScript函数相关的部分知识点,实际上JavaScript的函数还有许多高级特性和用法,如函数式编程概念、异步处理(回调、Promise、async/await)、模块化等。理解并熟练运用这些知识点,对于编写高效、可维护...

    如何在 JavaScript 中创建空函数.docx

    在 JavaScript 中创建空函数是编写高效、可维护代码的一个重要技巧。空函数,也称为“占位符”或“哑函数”,在很多场景下都大有用处,例如充当临时的回调函数、默认行为或者保留未来扩展的接口。下面我们将详细讨论...

    Mtils是一套前端代码集合提供常用的数据校验数据加密扩展函数便捷函数

    此外,还有与时间、日期相关的便捷方法,如时间格式化、日期比较等,大大简化了开发者在处理时间问题时的工作。 通过Mtils,开发者可以快速集成这些功能,无需从零开始编写,从而节省大量开发时间。Mtils库的代码...

    javascript(函数查询chm+语法pdf)

    - **对象**:字面量表示法、构造函数、原型链、方法调用、对象扩展运算符。 - **数组**:数组方法如map、filter、reduce、find、findIndex等。 - **字符串**:字符串方法如concat、substring、indexOf、replace等。 ...

    javaScript函数式编程

    全书共9章,分别介绍了JavaScript函数式编程、一等函数与Applicative编程、变量的作用域和闭包、高阶函数、由函数构建函数、递归、纯度和不变性以及更改政策、基于流的编程、类编程。除此之外,附录中还介绍了更多...

    深入认识JavaScript中的函数

    ### 深入认识JavaScript中的函数 #### 一、引言 在JavaScript中,函数不仅是编程的基本构建块,还是一种...此外,掌握函数的不同定义和创建方式可以帮助我们更加灵活地处理各种编程需求,提高代码的可读性和可扩展性。

Global site tag (gtag.js) - Google Analytics