javascript的日期格式化

最新推荐文章于 2024-05-21 10:56:13 发布

nailsea

最新推荐文章于 2024-05-21 10:56:13 发布

阅读量177

点赞数

分类专栏：前端css 文章标签： js date format ViewUI

本文链接：https://blog.csdn.net/nailsea/article/details/84360177

版权

前端css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

参考http://blog.sina.com.cn/s/blog_4fe24bbf0100gsww.html
的第二种做日期的格式化


<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
  <script>
  Date.prototype.format = function(mask) {     

    var d = this;     

    var zeroize = function (value, length) {     

        if (!length) length = 2;     

        value = String(value);     

        for (var i = 0, zeros = ''; i < (length - value.length); i++) {     

            zeros += '0';     

        }     

        return zeros + value;     

    };       

    return mask.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])\1?|[lLZ])\b/g, function($0) {     

        switch($0) {     

            case 'd':   return d.getDate();     

            case 'dd':  return zeroize(d.getDate());     

            case 'ddd': return ['Sun','Mon','Tue','Wed','Thr','Fri','Sat'][d.getDay()];     

            case 'dddd':    return ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'][d.getDay()];     

            case 'M':   return d.getMonth() + 1;     

            case 'MM':  return zeroize(d.getMonth() + 1);     

            case 'MMM': return ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][d.getMonth()];     

            case 'MMMM':    return ['January','February','March','April','May','June','July','August','September','October','November','December'][d.getMonth()];     

            case 'yy':  return String(d.getFullYear()).substr(2);     

            case 'yyyy':    return d.getFullYear();     

            case 'h':   return d.getHours() % 12 || 12;     

            case 'hh':  return zeroize(d.getHours() % 12 || 12);     

            case 'H':   return d.getHours();     

            case 'HH':  return zeroize(d.getHours());     

            case 'm':   return d.getMinutes();     

            case 'mm':  return zeroize(d.getMinutes());     

            case 's':   return d.getSeconds();     

            case 'ss':  return zeroize(d.getSeconds());     

            case 'l':   return zeroize(d.getMilliseconds(), 3);     

            case 'L':   var m = d.getMilliseconds();     

                    if (m > 99) m = Math.round(m / 10);     

                    return zeroize(m);     

            case 'tt':  return d.getHours() < 12 ? 'am' : 'pm';     

            case 'TT':  return d.getHours() < 12 ? 'AM' : 'PM';     

            case 'Z':   return d.toUTCString().match(/[A-Z]+$/);     

            // Return quoted strings with the surrounding quotes removed     

            default:    return $0.substr(1, $0.length - 2);     

        }     

    });     

};  
$().ready(function(){
     alert(new Date().format("yy-MM-dd HH:mm"));
})

</script>
</head>
<body>

</body>
</html>

如果是将输入的日期+时间做格式化，比如01/01/2010 12:30:30或者01-01-2010 12:30:30，直接用
new Date("01-01-2010 12:30:30")
弹出的是
N-NaN-NaN NaN:NaN
用new Date(Date.parse("01-01-2010 12:30:30"))也是一样

查了一下，发现Date.parse里的格式只能用01/01/2010（2010/01/01也可以），01-01-2010会报错。
参考：
http://hi.baidu.com/wanghui320/item/e942e543d9bb42a961d7b9d2
今天在使用它比较日期先后的时候遇到了一个奇怪的问题，是关于日期格式的，parse方法要求短日期可以使用“/”或“-”作为分隔符，但是必须用月/日/年的格式来表示，例如今天是“7/6/2008”或是“7-6-2008”，问题就出现在这里，当使用“7-6-2008”这种格式时，在 IE中可以正常解析，但在FireFox中，返回值却总是NaN。一开始以为是代码出现问题，检查以后才发现是浏览器的原因，后来将格式改为“7/6 /2008”后在IE和FF中都可以正常解析了。

nailsea

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript的日期格式化

参考http://blog.sina.com.cn/s/blog_4fe24bbf0100gsww.html的第二种做日期的格式化[code="java"]JS Bin Date.prototype.format = function(mask) { var d = this; var zer...
复制链接

扫一扫

专栏目录