JQuery时间格式化插件--扩展JQuery

(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);

调用代码:

$(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"));
          alert($.formatDate("yyyy-MM-dd hh:mm:ss ws ee",time));
});

JQuery时间格式化插件--扩展JQuery,布布扣,bubuko.com

时间: 2024-07-30 10:21:19

JQuery时间格式化插件--扩展JQuery的相关文章

jquery时间格式化插件

插件的代码: (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*/ va

jQuery时间轴插件:jQuery Timelinr

前言 这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程.大事件等场景.该插件基于jQuery,可以滑动切换.水平和垂直滚动.支持键盘方向键.经过扩展后可以支持鼠标滚轮事件. HTML 我们在body中建立一个div#timeline作为展示区,#dates为时间轴,示例中我们用年份作为主轴,#issues作为内容展示区,即展示对应主轴点年份的内容,注意id对应上. <div id="timeline"> <ul id="dates&

jQuery时间格式插件-moment.js的使用

jQuery时间格式插件-moment.js的使用 moment.js插件的使用,使用之前在页面引入对应的js文件: 详细的操作可见moment中文官网:http://momentjs.cn/ 日期格式化 moment().format('MMMM Do YYYY, h:mm:ss a'); // 四月 14日 2017, 1:41:52 下午 moment().format('dddd'); // 星期五 moment().format("MMM Do YY"); // 4月 14日

jQuery图片延迟加载插件:jquery.lazyload

----------------------------------------------------------------------------------------------- class='lazy' 载入样式,data-original指向图片地址 底部引入jQuery和jQuery.lazyload.js <img class="lazy" data-original="img/bmw_m1_hood.jpg" width="76

js Date 时间格式化的扩展

js Date 时间格式化的扩展: 1 Date.prototype.format = function (fmt) { 2 var o = { 3 "M+": this.getMonth() + 1, //月 4 "d+": this.getDate(), //日 5 "h+": this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, //时 6 "H+": this.g

超简洁的jQuery内容滑动插件 - Basic jQuery Slider

摘要 内容滑动插件能让你在有限的空间中展示更多的内容,给力技术之前也推荐过好几个这类插件,今天要推荐的也是一个内容滑动插件 - Basic jQuery Slider . Basic jQuery Slider 是一个轻量级的很简洁的 jQuery 内容滑动插件,经压缩后也仅有4.6kb大 内容滑动插件能让你在有限的空间中展示更多的内容,给力技术之前也推荐过好几个这类插件,今天要推荐的也是一个内容滑动插件 - Basic jQuery Slider. Basic jQuery Slider 是一

jquery &nbsp; 时间日期插件

直接上代码  <<!DOCTYPE HTML> <html>   <head>     <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">     <link rel="stylesheet" type=&q

时间轴插件

jQuery时间轴插件:jQuery Timelinr 这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程.大事件等场景.该插件基于jQuery,可以滑动切换.水平和垂直滚动.支持键盘方向键.经过扩展后可以支持鼠标滚轮事件. 查看演示 下载源码 HTML 我们在body中建立一个div#timeline作为展示区,#dates为时间轴,示例中我们用年份作为主轴,#issues作为内容展示区,即展示对应主轴点年份的内容,注意id对应上. <div id="timeli

jQuery的noConflict以及插件扩展

一.noConflict函数 JavaScript有很多插件,如果jQuery对象的$与其他插件冲突,我们可以使用noConflict()方法去掉$或者使用其他的符号代替 注:noConflict()函数不能调用两次,上面代码是方便向读者展示 二.jQuery的插件扩展 jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法. jQuery 的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQu