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

<!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

方便自己时间转化

时间: 2024-10-18 00:58:17

格式化时间 【js读书笔记】的相关文章

You don&#39;t know JS 读书笔记(一)

前言 这里记录着自己阅读You don't know JS系列丛书的一些心得体会,也算是自己对JavaScript知识的一个总结吧. 高能预警:文章较长且琐碎,请自备板凳瓜子- Types(类型) Variables don’t have types, but the values in them do. 这句话的意思是说:变量是没有类型的,变量里面存的值才是有类型的.比如我声明一个变量var a;,此时a是不具有任何类型信息的.如果我给a赋值一个字符串a = "Hello, World&quo

《暗时间》读书笔记

<暗时间>读书笔记 记忆和推理 看书并记住书中的东西只是记忆,并没有涉及推理,只有靠推理才能深入理解一个事物,看到别人看不到的地方,这部分推理的过程就是你的思维时间,也是人一生中占据一个显著比例的"暗时间",你走路.买菜.洗脸洗手.坐公车.逛街.出游.吃饭.睡觉,所有这些时间都可以成为"暗时间",你可以充分利用这些时间进行思考,反刍和消化平时看和读的东西,让你的认识能够脱离照本宣科的层面. 学习和思考 人与人学习的差距不在资质上,而在花在思考的时间和思考

《暗时间》读书笔记1-阅读看书

Brant在最近半年,急于提高自己,阅读了很多的书.为了能尽可能多的阅读,那段时间我的课余时间都在阅读,但随着我不断的阅读,我发现我想阅读的书越来越多.因此在亚马逊上看到还不错的书,就买下来或者放在心愿单里,至今我的kindle上还有一百多本没有阅读的电子书,心愿单里也近一百本.为了更快的阅读速度,阅读更多的书籍,我接触到了速读,也接触到了一些3000字/分甚至10000字/分的大神.我买了练习速读的软件,开始苦练速读.为了早日练成速读'神功',把大部分时间都用在了练习速读上,也暂时停止了读书.

深入浅出Node js 读书笔记 思维导图

最近在研究node,发现是很不错的技术~ 考虑到平时看书转换率不高.遂尝试使用思维导图的方式来对一本书进行分析.感觉如果看完之后能够做个思维导图,对整本书的理解都会提高呢~ 下面第一部分介绍思维导图的做法,第二部分为我看深入浅出Nodejs的读书笔记. PART1 如何在阅读时做思维导图: 简单归纳起来,对一本书做思维导图的技巧主要分为两类:准备及应用.在以下各篇中,共有8个阶段.为方便查找起见,各阶段总结如下,都附有推荐的限制时间. 准备: 1.浏览——制作一个中央图象(10分钟) 2.设定时

JS读书笔记:《JavaScript框架设计》——第12章 异步处理

一.何为异步   执行任务的过程可以被分为发起和执行两个部分. 同步执行模式:任务发起后必须等待直到任务执行完成并返回结果后,才会执行下一个任务. 异步执行模式:任务发起后不等待任务执行完成,而是马上执行下一个任务,当任务执行完成时则会收到通知. 面对IO操作频繁的场景,异步执行模式可在同等的硬件资源条件下提供更大的并发处理能力,也就是更大的吞吐量. 但由于异步执行模式打破人们固有的思维方式,并且任务的发起和任务的执行是分离的,从而提高编程的复杂度. 多线程.多进程均可实现异步模式. 二.从回调

了不起的Node.js读书笔记

原文摘自我的前端博客,欢迎大家来访问 http://www.hacke2.cn 第二章 Js概览 基于GoogleV8引擎 Object.keys(o) 数组方法:遍历forEach.过滤filter.改变map 实现了String.prototype.trim() 含有JSON解析 第三章 阻塞与非阻塞IO 单线程注意点 小心处理内存中的变量,可能会影响两次访问的结果 不要编写阻塞式代码,可能会影响第二次访问的时间 事件轮训 先注册事件 不断询问这些事件是否已经分发dispatch 当事件分发

刘未鹏《暗时间》读书笔记

很多时候,道理我都懂,只是希望有个愿意给我讲并且讲得精彩的人再拿水泼我一遍. 2014.8.25 傍晚 能迅速进入专注状态.长期保持专注状态.抗干扰,是高效学习的三个最重要的习惯.都是可以锻炼的,如练习抗干扰可以在公车上读大部头的书. 设计自己的进度条:如果对整个目标的几个重大步骤有清晰的界定,能够对每个步骤的耗时作出上界估计,你就不会对不确定的未来,不确定的时间投入感到恐惧,就不会被这种不确定感压迫到过早退出. 过早退出是一切失败的根源. 靠专业技能的成功是最具有可复制性的:它需要的只是你在一

编写可维护性的js读书笔记

第一部分:格式要求 1. 4个空格缩进. 2. 行的长度不要超过80个字符, 3. 语句超过的换行4个空格缩进(2个缩进)记住标点符号处不能换到下一行, 4. 定义变量换行则换至等号后 5. 添加适当的空行 * for if每个流控制语句之前 * 单行多行注释 * 方法之间 * 方法中局部变量与第一条语句 * 方法中逻辑片段添加空行,提高可读性 6. 命名 * 变量以名词命名 * 函数小驼峰命名,以动词开头,常见的动词约定 * 常量用大写命名,分割用 _ (下划线) * 构造函数已大驼峰命名 7

require.js读书笔记 2.usage

REQUIREJS API This is the RequireJS 2.0 API. If you want 1.0: Link to 1.0. Usage§§ 1-1.3 Load JavaScript Files  § 1.1 data-main Entry Point§ 1.2 Define a Module§ 1.3 Simple Name/Value Pairs§ 1.3.1 Definition Functions§ 1.3.2 Definition Functions with