首页 > 代码库 > js实现日期格式化

js实现日期格式化

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">

<script type="text/javascript">
<!--格式化日期的js方法一-->
Date.prototype.Format = function (fmt) { //author: meizz
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;
}
//测试一
function formatDate(){
alert(new Date());
var time1 = new Date().Format("yyyy-MM-dd");
alert(time1);
var time2=new Date().Format("yyyy-MM-dd hh:mm:ss:s q")
alert(time2);
}

<!--格式化日期的js方法二-->
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" : "日",
"1" : "一",
"2" : "二",
"3" : "三",
"4" : "四",
"5" : "五",
"6" : "六"
}

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 ? "星期" : "周") : "")+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;
}

//测试二
function formatDate2(){
var date = new Date();
window.alert(date.pattern("yyyy-MM-dd hh:mm:ss"));
alert(date.pattern("yyyy-MM-dd HH:mm:ss"));
alert(date.pattern("yyyy-MM-dd EE HH:mm:ss"));
alert(date.pattern("p"));
}

</script>
</head>
<input type="button" name="" value="http://www.mamicode.com/格式化时间" onclick="formatDate();">
<br>
<br>
<br>
<input type="button" name="" value="http://www.mamicode.com/格式化时间" onclick="formatDate2();">

<body>

</body>
</html>

js实现日期格式化