IE 火狐浏览器对时间格式的兼容性;使用原型对象的方式 prototype关键字;时间格式化

在ie中 时间格式如果用横杠来显示  “2013-05-10 19:20:59” 是可以正确识别的(如果用斜杠,IE也可以正确识别),

但是如果是火狐,则只能识别斜杠模式 “2013/05/10 19:20:59”

下面是一个类似于c#里面的拓展方法,我们给 js的日期对象 Date来增加一个格式化显示日期的方法,用到的是 prototype 关键字,通过这个关键字,我们可以给一个对象来拓展一些方法,或者是属性

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>时间兼容性问题</title>
<script type="text/javascript">


/**
* 时间对象的格式化
* 这里是通过给 Date对象的 prototype方法来加一个拓展方法来实现 format格式化的
*/
Date.prototype.format = function (format) {
    /*
    * format="yyyy-MM-dd hh:mm:ss";
    */
    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(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;
}

function Format(intime) {
    return new Date(intime).format("yyyy-MM-dd hh:mm");
	
	//如果这里传进来的intime是横杠时间的话,那么 new Date(intime) 返回的是个NaN
	//如果是传进来的时间是斜杠的话,就能准确的显示是传进去的时间了
}

var ie_time="2013-05-10 19:20:59";   //IE支持横杠时间,也支持斜杠时间

var fox_time="2013/05/10 19:20:59";  //火狐只支持斜杠时间


alert("横杠格式"+Format(ie_time));
alert("斜杠格式"+Format(fox_time));
</script>
</head>
<body>
</body></body>
</html>
posted @ 2014-04-24 15:29  梨花驿路  阅读(733)  评论(0)  编辑  收藏  举报