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

快来打我* 2022-07-14 11:25 174阅读 0赞

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

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

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

下面是实例代码：

方法一：

测试结果为：  
![这里写图片描述][SouthEast]

方法二：

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

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

[SouthEast]: /images/20220714/9f9c05eb1f514158b90e8ef4f01017ef.png