js学习分享：[2]js 怎么把时间、日期格式化？
1、如果您还不知道怎么新建一个网页，那么请参考我的系列经验第一篇文章，先学会怎么新建一个网页，然后再接着往下看：
我的系列经验：
标题：怎么新建一个网页？
链接：http://jingyan.baidu.com/article/ab0b56309616bbc15afa7de8.html
2、新建一个网页完成后，我们在网页中写上一段测试文字，然后用css去设置网页文字的颜色，代码如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script>
Date.prototype.format = function (format) {
var o = {
"M+": this.getMonth() + 1, //month
"d+": this.getDate(), //day
"h+": this.getHours(), //hour
"m+": this.getMinutes(), //minute
"s+": this.getSeconds(), //second
"q+": Math.floor((this.getMonth() + 3) / 3), //quarter
"S": this.getMilliseconds() //millisecond
}
if (/(y+)/.test(format)) {
format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for (var k in o) {
if (new RegExp("(" + k + ")").test(format)) {
format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
}
}
return format;
}
//使用方法
var now = new Date();
var nowStr = now.format("yyyy-MM-dd hh:mm:ss");
//使用方法2:
var testDate = new Date();
document.write("格式1：" + testDate.format("yyyy年MM月dd日<br/>"));
document.write("格式2：" + testDate.format("yyyy年MM月dd日hh小时mm分ss秒<br/>"));
document.write("格式3：" + testDate.format("yy年MM月dd日<br/>"));
document.write("格式4：" + testDate.format("MM月dd日hh小时mm分ss秒<br/>"));
document.write("格式5：" + testDate.format("yyyy/MM/dd<br/>"));
document.write("格式6：" + testDate.format("yyyy/MM/dd hh/mm/ss<br/>"));
document.write("格式7：" + testDate.format("yyyy-MM-dd<br/>"));
document.write("格式8：" + testDate.format("yyyy-MM-dd hh-mm-ss<br/>"));
document.write("格式9：" + testDate.format("yyyy:MM:dd<br/>"));
document.write("格式10：" + testDate.format("yyyy:MM:dd hh:mm:ss<br/>"));
document.write("格式11：" + testDate.format("yyyy/MM/dd hh:mm:ss<br/>"));
document.write("格式12：" + testDate.format("yyyy-MM-dd hh:mm:ss<br/>"));
document.write("格式13：" + testDate.format("yy-MM-dd hh:mm:ss<br/>"));
document.write("格式14：" + testDate.format("MM-dd hh:mm:ss<br/>"));
</script>
</head>
<body>
</body>
</html>
经过测试兼容ie9+，火狐，谷歌浏览器，依次按照顺序排列，效果如图：
![js学习分享：[2]js 怎么把时间、日期格式化？](https://exp-picture.cdn.bcebos.com/5a5a00def4dca039a1d1195f58d96975f3c40d66.jpg)
![js学习分享：[2]js 怎么把时间、日期格式化？](https://exp-picture.cdn.bcebos.com/6834ecc4ec995943bdcf9f4d95425d6b05d10466.jpg)
![js学习分享：[2]js 怎么把时间、日期格式化？](https://exp-picture.cdn.bcebos.com/059057299a883913292b3b5d26bcbe2f46707c66.jpg)
3、这样我们就完成了，网页时间就可以按照我们想要的格式显示出来了。是不是很简单。下一篇我将介绍怎么用js比较日期大小。