在前台页面通过js格式化时间

我们在开发过程过，一定会用到时间存储。当然，我们的数据库也有对应存储时间的类型，对应的如果使用java，java里面也会对应的时间类型。但是，在我们页面上面有时会放我们把时间显示出来。这个时候我们就要对时间进行格式化了。

格式化是时间一般能在两个地方能够格式化：
一是在后台进行格式化以后，传送到前台页面直接显示。
二是后台不格式化，在前台页面格式化后显示。

下面要讲的就是在前台的使用js进行时间的格式化，

下面是实例代码：

    方法一：

function formatDate(v) {
                if (/^(-)?\d{1,10}$/.test(v)) {
                    v = v * 1000;
                } else if (/^(-)?\d{1,13}$/.test(v)) {
                    v = v * 1;
                }
                var dateObj = new Date(v);
                var month = dateObj.getMonth() + 1;
                var day =  dateObj.getDate();
                var hours = dateObj.getHours();
                var minutes = dateObj.getMinutes();
                var seconds = dateObj.getSeconds();
                if(month<10){
                    month = "0" + month;
                }
                if(day<10){
                    day = "0" + day;
                }
                if(hours<10){
                    hours = "0" + hours;
                }
                if(minutes<10){
                    minutes = "0" + minutes;
                }
                if(seconds<10){
                    seconds = "0" + seconds;
                }
                var UnixTimeToDate = dateObj.getFullYear() + '-' + month + '-' +day + ' ' + hours + ':' + minutes + ':' + seconds;
                return UnixTimeToDate;
      }

      alert(formatDate(1468116311000));

测试结果为：

 方法二：

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 haorooms1 = new Date().Format("yyyy-MM-dd");

 var haorooms2= new Date().Format("yyyy-MM-dd hh:mm:ss");
  alert(haorooms1 ); alert(haorooms2);

测试结果就不截图了

方法三：

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(1468116311000);      
window.alert(date.pattern("yyyy-MM-dd"));    

说明： 这三个都是可以使用的，大家可以选择使用。