自定义的JavaScript时间格式器

小提示

Ctrl+/代码提示(需IE11)
F11键放大 ESC键缩小
PgUp上页 PgDn下页

推荐代码

运行代码缩小

引入JS
- 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
- 1.7.3 1.7.2 1.7.1.0 1.7.0.0
- 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
- 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
- 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
- core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
- 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
- 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6

引入框架
- 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
- 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
- 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2

汉王

HTML代码

复制格式化注释注释清空

放大

<html>
<head>
<script type="text/javascript" >
function DateFormater(expr){
	var wd = [ '星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六' ],
		M= [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月' ],
		utc= false,
		am= 'AM',
		pm= 'PM',
		y,m,j,d,h,i,s,e;
	this.expr = expr;
	this.format = function(t){
		if(!t.getTime){ return false; }
		y 	= utc?t.getUTCFullYear():t.getFullYear();
		m	= utc?t.getUTCMonth():t.getMonth();
		j	= utc?t.getUTCDate():t.getDate();
		d	= utc?t.getUTCDay():t.getDay();
		h	= utc?t.getUTCHours():t.getHours();
		i	= utc?t.getUTCMinutes():t.getMinutes();
		s	= utc?t.getUTCSeconds():t.getSeconds();
		e	= utc?t.getUTCMilliseconds():t.getMilliseconds();
		a	= ((h==12 && (m+s+e>0))||h>12)?pm:am;
		return expr.replace(/\/0?[YyMmjDdHhisea\/]{1}/g, function(){
			for(var x=0,l=arguments.length; x<l; x++){
				switch(arguments[x]){
					case '/Y': 	return ''+y;
					case '/y': 	return (''+y).replace(/\d*(\d{2})/,'$1');
					case '/0m': return ''+((m<9?'0'+(m+1): (m+1)));
					case '/m': 	return ''+(m+1);
					case '/M':	return M[m];
					case '/0j':	return ''+(j<10?'0'+j: j);
					case '/j':	return ''+j;
					case '/d': 	return ''+d;
					case '/D':	return wd[d];
					case '/0H': return ''+(h<10?'0'+h: h);
					case '/H':	return ''+h;
					case '/0h': h=h>12?h-12:h; return ''+(h<10?'0'+h: h);
                                        case '/h':   return ''+h>12?h-12:h;
					case '/0i': return ''+(i<10?'0'+i: i);
					case '/i': 	return ''+i;
					case '/0s': return ''+(s<10?'0'+s: s);
					case '/s': 	return ''+s;
					case '/0e': return ''+(e<10?'00'+e: (e<100?'0'+e: e));
					case '/e': 	return ''+e;
					case '/a':	return ''+a;
					case '//': 	return '/';
					default: return arguments[x];
				}
			}
		});
	};
	this.isUTC	= function(u){ return typeof(u)=='boolean'? (utc=u): utc; };
	this.AM = function(a){ return am = typeof(a)=='string'? a: am; };
	this.PM = function(p){ return pm = typeof(p)=='string'? p: pm; };
	this.weekdays = function(){ return _confg(arguments, 'wd', 7); };
	this.months	= function(){ return _confg(arguments, 'M', 12); }
	function _confg(args, vrb, s){
		var a1 = args[0], a2 = args[1];
		if(args.length>2){ return false; }
		switch( typeof(a1) ){
			case 'undefined': return eval(vrb);
			case 'object':
				if( a1.length!=s || typeof(a1[0])=='undefined' ){ return false;}
				for(var i=0,l=a1.length; i<l; i++){
					eval(vrb+'[i] = a1[i];');
				}
				break;
			case 'number': return ( typeof(a2)!='undefined'? false:eval(vrb+'[a1]') );
			case 'string':
				if( typeof(a2)!='number' || typeof(eval(vrb+'[a2]'))=='undefined' ) { return false; }
				eval(vrb+'[a2] = a1;');
		}
		return  true;
	}
}
window.onload = function(){
    var df = new DateFormater('现在是: /m月/j日,/Y年  /D  /a  /0h:/0i:/0s');
    df.AM('上午');
    df.PM('下午');
    var datestr  = df.format( new Date );
    alert( datestr );
};
</script>
</head>
</html>

CSS代码

复制格式化注释注释颜色清空

放大

JS代码

复制格式化注释注释清空

放大

运行代码

简介

请输入代码名称！

名称

自定义的JavaScript时间格式器

分类

日期时间

描述

在网页上显示现在时刻，可以自定义的JavaScript时间格式器，显示星期、几月几号，哪一年，几点钟，完全加入个人的定义格式，而非用JS直接输出，对时间格式要求复杂的前端设计者不妨参观一下。