JS 格式化时间

当我们从后台拿到时间交给js处理的时候,时间需要进行格式化,否则输出的就变成了一堆数字,提交到jsp页面我们有标签处理,在js中我们就需要写方法格式化时间。

一下方法都是在网上找到的

方法一:

// 对Date的扩展,将 Date 转化为指定格式的String   
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,   
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)   
// 例子:   
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423   
// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18   
Date.prototype.Format = function(fmt)   
{    
  var o = {   
    "M+" : this.getMonth()+1,                 //月份   
    "d+" : this.getDate(),                    //日   
    "h+" : this.getHours(),                   //小时   
    "m+" : this.getMinutes(),                 //分   
    "s+" : this.getSeconds(),                 //秒   
    "q+" : Math.floor((this.getMonth()+3)/3), //季度   
    "S"  : this.getMilliseconds()             //毫秒   
  };   
  if(/(y+)/.test(fmt))   
    fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));   
  for(var k in o)   
    if(new RegExp("("+ k +")").test(fmt))   
  fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));   
  return fmt;   
} 
//调用方法
var time1 = new Date().format("yyyy-MM-dd HH:mm:ss");     
  
var time2 = new Date().format("yyyy-MM-dd"); 
方法一是最简便的格式化时间方法,我们需要当前时间就直接new Date(),我们需要固定时间就在new Date("2016-9-6 14:18:00")传入参数。


方法二:

/**       
 * 对Date的扩展,将 Date 转化为指定格式的String       
 * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q) 可以用 1-2 个占位符       
 * 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)       
 * eg:       
 * (new Date()).pattern("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423       
 * (new Date()).pattern("yyyy-MM-dd E HH:mm:ss") ==> 2009-03-10 二 20:09:04       
 * (new Date()).pattern("yyyy-MM-dd EE hh:mm:ss") ==> 2009-03-10 周二 08:09:04       
 * (new Date()).pattern("yyyy-MM-dd EEE hh:mm:ss") ==> 2009-03-10 星期二 08:09:04       
 * (new Date()).pattern("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18       
 */          
Date.prototype.pattern=function(fmt) {           
    var o = {           
    "M+" : this.getMonth()+1, //月份           
    "d+" : this.getDate(), //日           
    "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时           
    "H+" : this.getHours(), //小时           
    "m+" : this.getMinutes(), //分           
    "s+" : this.getSeconds(), //秒           
    "q+" : Math.floor((this.getMonth()+3)/3), //季度           
    "S" : this.getMilliseconds() //毫秒           
    };           
    var week = {           
    "0" : "/u65e5",           
    "1" : "/u4e00",           
    "2" : "/u4e8c",           
    "3" : "/u4e09",           
    "4" : "/u56db",           
    "5" : "/u4e94",           
    "6" : "/u516d"          
    };           
    if(/(y+)/.test(fmt)){           
        fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));           
    }           
    if(/(E+)/.test(fmt)){           
        fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]);           
    }           
    for(var k in o){           
        if(new RegExp("("+ k +")").test(fmt)){           
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));           
        }           
    }           
    return fmt;           
}         
       
var date = new Date();        
date.pattern("yyyy-MM-dd hh:mm:ss"); 

方法二跟方法一用法一样,不过比较复杂一些,不过是我使用的方法


方法三:

Date.prototype.format = function(mask) {   
    
  var d = this;   
    
  var zeroize = function (value, length) {   
    
    if (!length) length = 2;   
    
    value = String(value);   
    
    for (var i = 0, zeros = ''; i < (length - value.length); i++) {   
    
      zeros += '0';   
    
    }   
    
    return zeros + value;   
    
  };    
    
  return mask.replace(/"[^"]*"|'[^']*'|/b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])/1?|[lLZ])/b/g, function($0) {   
    
    switch($0) {   
    
      case 'd':  return d.getDate();   
    
      case 'dd': return zeroize(d.getDate());   
    
      case 'ddd': return ['Sun','Mon','Tue','Wed','Thr','Fri','Sat'][d.getDay()];   
    
      case 'dddd':  return ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'][d.getDay()];   
    
      case 'M':  return d.getMonth() + 1;   
    
      case 'MM': return zeroize(d.getMonth() + 1);   
    
      case 'MMM': return ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][d.getMonth()];   
    
      case 'MMMM':  return ['January','February','March','April','May','June','July','August','September','October','November','December'][d.getMonth()];   
    
      case 'yy': return String(d.getFullYear()).substr(2);   
    
      case 'yyyy':  return d.getFullYear();   
    
      case 'h':  return d.getHours() % 12 || 12;   
    
      case 'hh': return zeroize(d.getHours() % 12 || 12);   
    
      case 'H':  return d.getHours();   
    
      case 'HH': return zeroize(d.getHours());   
    
      case 'm':  return d.getMinutes();   
    
      case 'mm': return zeroize(d.getMinutes());   
    
      case 's':  return d.getSeconds();   
    
      case 'ss': return zeroize(d.getSeconds());   
    
      case 'l':  return zeroize(d.getMilliseconds(), 3);   
    
      case 'L':  var m = d.getMilliseconds();   
    
          if (m > 99) m = Math.round(m / 10);   
    
          return zeroize(m);   
    
      case 'tt': return d.getHours() < 12 ? 'am' : 'pm';   
    
      case 'TT': return d.getHours() < 12 ? 'AM' : 'PM';   
    
      case 'Z':  return d.toUTCString().match(/[A-Z]+$/);   
    
      // Return quoted strings with the surrounding quotes removed   
    
      default:  return $0.substr(1, $0.length - 2);   
    
    }   
    
  });   
    
};
var date = new Date();
date.format("yyyy-MM-dd HH:mm:ss");
方法三跟上面的两种使用方法一样,不过觉得是最麻烦的方法。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值