jquery时间格式化插件

最新推荐文章于 2024-08-16 07:47:02 发布

原创最新推荐文章于 2024-08-16 07:47:02 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一款jQuery时间格式化插件的使用方法，首先确保引入了jquery-1.8.3.js库，然后展示了插件的效果，并提供了代码资源的下载链接，帮助读者实现时间格式化的功能。

插件的代码：

(function($){
	$.formatDate = function(pattern,date){
		//如果不设置，默认为当前时间
		if(!date) date = new Date();
		if(typeof(date) ==="string"){
			 if(date=="")  date = new Date();
			  else  date = new Date(date.replace(/-/g,"/"));
		}	
		/*补00*/
		var toFixedWidth = function(value){
			 var result = 100+value;
			 return result.toString().substring(1);
		};
		
		/*配置*/
		var options = {
				regeExp:/(yyyy|M+|d+|h+|m+|s+|ee+|ws?|p)/g,
				months: ['January','February','March','April','May',
				         'June','July', 'August','September',
						  'October','November','December'],
				weeks: ['Sunday','Monday','Tuesday',
				        'Wednesday','Thursday','Friday',
							'Saturday']
		};
		
		/*时间切换*/
		var swithHours = function(hours){
			return hours<12?"AM":"PM";
		};
		
		/*配置值*/
		var pattrnValue = {
				"yyyy":date.getFullYear(),                      //年份
				"MM":toFixedWidth(date.getMonth()+1),           //月份
				"dd":toFixedWidth(date.getDate()),              //日期
				"hh":toFixedWidth(date.getHours()),             //小时
				"mm":toFixedWidth(date.getMinutes()),           //分钟
				"ss":toFixedWidth(date.getSeconds()),           //秒
				"ee":options.months[date.getMonth()],           //月份名称
				"ws":options.weeks[date.getDay()],              //星期名称
				"M":date.getMonth()+1,
		        "d":date.getDate(),
		        "h":date.getHours(),
		        "m":date.getMinutes(),
		        "s":date.getSeconds(),
		        "p":swithHours(date.getHours())
		};
		
		return pattern.replace(options.regeExp,function(){
			   return  pattrnValue[arguments[0]];
		});
	};
	
})(jQuery);

插件使用：

前提要有一个jquery-1.8.3.js

<!-- jquery的使用 -->

<script type="text/javascript" src="jquery-1.8.3.js"/></script>
<script type="text/javascript" src="jquery.dateformat.js"></script>
<script type="text/javascript">
$(function($){
	 var time = new Date("2014-01-01 13:20:30");
	  console.info($.formatDate("yyyy-MM-dd hh:mm:ss ws ee","2013-1-1 13:20:30"));
});
</script>

效果：

代码资源下载