js学习分享：[2]js 怎么把时间、日期格式化

时间：2024-10-28 10:38:27

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日 ")); document.write("格式2：" + testDate.format("yyyy年MM月dd日hh小时mm分ss秒 ")); document.write("格式3：" + testDate.format("yy年MM月dd日 ")); document.write("格式4：" + testDate.format("MM月dd日hh小时mm分ss秒 ")); document.write("格式5：" + testDate.format("yyyy/MM/dd ")); document.write("格式6：" + testDate.format("yyyy/MM/dd hh/mm/ss ")); document.write("格式7：" + testDate.format("yyyy-MM-dd ")); document.write("格式8：" + testDate.format("yyyy-MM-dd hh-mm-ss ")); document.write("格式9：" + testDate.format("yyyy:MM:dd ")); document.write("格式10：" + testDate.format("yyyy:MM:dd hh:mm:ss ")); document.write("格式11：" + testDate.format("yyyy/MM/dd hh:mm:ss ")); document.write("格式12：" + testDate.format("yyyy-MM-dd hh:mm:ss ")); document.write("格式13：" + testDate.format("yy-MM-dd hh:mm:ss ")); document.write("格式14：" + testDate.format("MM-dd hh:mm:ss ")); </script></head><body> </body></html>经过测试兼容ie9+，火狐，谷歌浏览器，依次按照顺序排列，效果如图：

3、这样我们就完成了，网页时间就可以按照我们想要的格式显示出来了。是不是很简单。下一篇我将介绍怎么用js比较日期大小。