码迷,mamicode.com
首页 > Web开发 > 详细

格式化时间 【js读书笔记】

时间:2017-09-05 15:59:31      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:length   cond   bsp   return   utf-8   code   pps   htm   round   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>格式化时间</title>
</head>
<body>
<ul>
    <li>不写参数的时候,默认是格式化当前时间为YYYY-MM-DD hh:mm:ss格式,比如:<span class="t1"></span></li>
    <li>显示年月日,比如:<span class="t2"></span></li>
    <li>显示时分秒,比如:<span class="t3"></span></li>
    <li>显示年月,比如: <span class="t4"></span></li>
    <li>总之可以自己去组合想显示什么</li>
    <li>还可以自己去修改用什么连接年月日,比如: <span class="t5"></span>,再比如:<span class="t6"></span></li>
    <li>还可以去格式化某个指定的时间,比如: <span class="t7"></span></li>
</ul>
<script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
    // commons.js
    var Utils = {};

    /**
     * 格式化时间
     * @param {Object} date  时间对象 比如 date = new Date(1492675223449); 默认当前时间
     * @param {String} output 输出格式默认 YYYY-MM-DD hh:mm:ss, 还可设置MM-DD 或者 hh:mm 或者YYYY年MM月DD日
     */
    Utils.dateFormat = function (dateObj, output) {
        var date = dateObj || new Date();
        var output = output || YYYY-MM-DD hh:mm:ss;
        var Y = date.getFullYear();
        var M = date.getMonth() + 1 < 10 ? 0 + (date.getMonth() + 1) : date.getMonth + 1;
        var D = date.getDate() < 10 ? 0 + date.getDate() : date.getDate();
        var h = date.getHours() < 10 ? 0 + date.getHours() : date.getHours();
        var m = date.getMinutes() < 10 ? 0 + date.getMinutes() : date.getMinutes();
        var s = date.getSeconds()< 10 ? 0 + date.getSeconds() : date.getSeconds();
        var arr = [Y, M, D, h, m, s];

        output.replace(/(Y+)|(M+)|(D+)|(h+)|(m+)|(s+)/g, function($,$0,$1,$2,$3,$4,$5,$6) {
            for(var i=1;i<arguments.length;i++){
                if(arguments[0]==arguments[i]){
                    output=output.replace(arguments[0],arr[i-1]);
                }
            }
        });

        return output;
    }

</script>
<script>
    $(function () {
        $(.t1).text(Utils.dateFormat());

        var date = new Date();
        $(.t2).text(Utils.dateFormat(date, YYYY-MM-DD));

        $(.t3).text(Utils.dateFormat(date, hh:mm:ss));

        $(.t4).text(Utils.dateFormat(date, YYYY-MM));

        $(.t5).text(Utils.dateFormat(date, YYYY年MM月DD日));

        $(.t6).text(Utils.dateFormat(date, YYYY/MM/DD));

        var date2 = new Date(1402233166999);
        $(.t7).text(Utils.dateFormat(date2));

    });
</script>
</body>
</html>
  • 不写参数的时候,默认是格式化当前时间为YYYY-MM-DD hh:mm:ss格式,比如:2017-09-05 14:43:14
  • 显示年月日,比如:2017-09-05
  • 显示时分秒,比如:14:43:14
  • 显示年月,比如: 2017-09
  • 总之可以自己去组合想显示什么
  • 还可以自己去修改用什么连接年月日,比如: 2017年09月05日,再比如:2017/09/05
  • 还可以去格式化某个指定的时间,比如: 2014-06-08 21:12:46

方便自己时间转化

格式化时间 【js读书笔记】

标签:length   cond   bsp   return   utf-8   code   pps   htm   round   

原文地址:http://www.cnblogs.com/HollyLearning/p/7478630.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!