格式化年月日的日期自定义格式显示_电脑软硬件应用网_国内最受关注的计算机应用解决中心

首页·电脑学院·电脑故障·操作系统·硬件教程·局域网技术·QQ技巧·网络安全·办公软件· 数据库

导航·设计学院·图像处理·网页设计·软件教程·服务器技术·笔记本·专家装机·网络编程·在线问答

当前位置：电脑软硬件应用网 > 设计学院 > 网页特效 > 正文

格式化年月日的日期自定义格式显示

格式化年月日的日期自定义格式显示

2010-2-6 12:50:14　　文/网络收集　　出处:电脑软硬件应用网　　

在使用js来操作日期的场合也是用得比较多的，那么本文就自定义日期的格式做一下示例。可以显示星期、几月几号，哪一年，几点钟，完全加入个人的定义格式，请运行下面代码看效果：

<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>

(如不能正常运行，请刷新运行页)

上一篇文章： js计算停留时间动态显示

下一篇文章： js实现日期变换提醒事务功能

最新热点		最新推荐		相关文章
				JS网页版极品日历v1.0代码 js实现日期变换提醒事务功能 js计算停留时间动态显示 js实现动态显示倒计时关闭页面推荐仿百度js日历源码网页特效代码:JavaScript显示系统时…