zoukankan      html  css  js  c++  java
  • 整理一些JavaScript时间处理扩展函数

    在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;
    };
    

    测试:

    <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() + " ");
      document.writeln(new Date().convertDate("2011-04-08").isLeapYear() + " ");
    </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(/"[^"]*"|'[^']*'|(?:d{1,4}|M{1,4}|yy(?:yy)?|([hHmstT])1?|[lLZ])/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
    
  • 相关阅读:
    《西北师范大学疫情防控信息系统》
    《西北师范大学学生疫情上报系统》项目报告
    201771010138-邹丰蔚 实验一 软件工程准备-<学习准备>
    201771030111-刘维 实验四 软件项目案例分析
    201771030111-刘维 实验三 结对项目—《西北师范大学疫情防控信息系统》项目报告
    MySql-5.7.29 zip版安装教程
    201771030111-刘维 实验二 个人项目—《西北师范大学学生疫情上报系统》项目报告
    201771030111-刘维 实验一 软件工程准备一<读《现代软件工程-构建之法》有问>
    201771030106-葛佳诚 实验四 软件项目案例分析
    201771030106-葛佳诚 实验三 结对项目—《西北师范大学疫情防控信息系统》项目报告
  • 原文地址:https://www.cnblogs.com/xiaoyang002/p/4047325.html
Copyright © 2011-2022 走看看