yl.dateUtil = {

    /**

     *  y   年

     *  M   月

     *  d   日

     *  H   时            h   时（am/pm）

     *  m   分

     *  s   秒

     *  S   毫秒

     *  a   上午/下午（am/pm)

     *  setInterval(function(){

     *     input111.value = yl.dateUtil.dateStr(new Date(), "要一个给小于9的d数m字s前H面M加0返回字符串的方法yyyy");

     *  }, 1000);

     */

    dateStr: function (date, str) {

        if (!date instanceof Date) {

            return str;

        }

        //match之后得到数组

        //遍历数组，

        //判断各个元素长度、内容，做对应替换

        var reg = /yyyy|yy|MM|M|dd|d|HH|H|h|mm|m|ss|s|SSS|S|a/g;

        var strArr = str.match(reg);

        for (var i = 0, len = strArr.length; i < len; i++) {

            //console.log(strArr[i]);

            switch (strArr[i]) {

                case "yyyy":

                    str = str.replace(/yyyy/, date.getFullYear());

                    break;

                case "yy":

                    str = str.replace(/yy/, (date.getFullYear()+"").substr(2,2));

                    break;

                case "MM":

                    str = str.replace(/MM/, this.getLe9Str(date.getMonth()+1));

                    break;

                case "M":

                    str = str.replace(/M/, date.getMonth()+1);

                    break;

                case "dd":

                    str = str.replace(/dd/, this.getLe9Str(date.getDate()));

                    break;

                case "d":

                    str = str.replace(/d/, date.getDate());

                    break;

                case "HH":

                    str = str.replace(/HH/, this.getLe9Str(date.getHours()));

                    break;

                case "H":

                    str = str.replace(/H/, date.getHours());

                    break;

                case "h":

                    var s = date.getHours();

                    str = str.replace(/h/, s > 12 ? s % 12 : s);

                    break;

                case "mm":

                    str = str.replace(/mm/, this.getLe9Str(date.getMinutes()));

                    break;

                case "m":

                    str = str.replace(/m/, date.getMinutes());

                    break;

                case "ss":

                    str = str.replace(/ss/, this.getLe9Str(date.getSeconds()));

                    break;

                case "s":

                    str = str.replace(/s/, date.getSeconds());

                    break;

                case "SSS":

                    str = str.replace(/SSS/, this.getLe99Str(date.getMilliseconds()));

                    break;

                case "S":

                    str = str.replace(/S/, date.getMilliseconds());

                    break;

                case "a":

                    str = str.replace(/a/, date.getHours() > 12 ? "pm" : "am");

                    break;

            }

        }

        //console.log(str);

        return str;

    },

    strDate: function () {

    },

    //要一个给小于9的数字前面加0返回字符串的方法

    getLe9Str: function (num) {

        return num > 9 ? "" + num : "0" + num;

    },

    //小于100前面加00或者0

    getLe99Str: function (num) {

        if (num > 9 && num < 100) {

            return "0"+num;

        } else {

            return this.getLe9Str(num);

        }

    }

};

调用

<body>

    <input type="text" id="input111" style="width:500px;"/>

<script type="text/javascript" src="ylUtil.js"></script>

<script type="text/javascript">

var input111 = document.getElementById("input111");

setInterval(function(){

    input111.value = yl.dateUtil.dateStr(new Date(), "a h:mm:ss`SSS~~~~yyyy年M月d日");

    }, 1);

</script>

</body>

ps：

  1. 觉得js用new Date("2013/08/01 11:20:00")的方式还是挺好的。所以strDate没写了。
  2. dateStr方法用到参数格式从java的simpleDateFormat里面取的。所以与它的是一致的。
  3. 用来把个日期转成指定字符串个人觉得够用了，关于性能问题，欢迎各路大虾提点。
  4. http://www.cnblogs.com/nimeiz/p/3446292.html

也写dateUtil.js的更多相关文章

  1. jQuery Validate 表单验证插件----通过name属性来关联字段来验证，改变默认的提示信息，将校验规则写到 js 代码中

    一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二. 添加一个另外一个插件jquery.validate.messages_cn.js. ...

  2. vue element-ui怎样提炼一个自己写的js当作公共js

    vue element-ui怎样提炼一个自己写的js当作公共js请教一下各位大神,我刚刚触摸vue element-ui几天,写的一个清晰检索的input框,现在需当作项目公共的部分,可遭需的html ...

  3. 使用Xcode IDE写node.js

    最近在玩node.js 但是发现很多IDE就是用不顺手 后来发现Xcode可以剖析java script 于是试着使用Xcode来当做node.js的编辑器 首先,在Mac上必须先安装node.js的 ...

  4. 让我们纯手写一个js继承吧

    继承在前端逻辑操作中是比较常见的,今天我们就从零开始写一个js的继承方式 在es5中继承实质上是先创建子类的实例对象,然后再将父类的方法添加到this上Parent.call(this),在es6中则 ...

  5. 从 0 到 1 到完美，写一个 js 库、node 库、前端组件库

    之前讲了很多关于项目工程化.前端架构.前端构建等方面的技术,这次说说怎么写一个完美的第三方库. 1. 选择合适的规范来写代码 js 模块化的发展大致有这样一个过程 iife => commonj ...

  6. 手写Koa.js源码

    用Node.js写一个web服务器,我前面已经写过两篇文章了: 第一篇是不使用任何框架也能搭建一个web服务器,主要是熟悉Node.js原生API的使用:使用Node.js原生API写一个web服务器 ...

  7. 写一个js向左滑动删除 交互特效的插件——Html5 touchmove

    需求描述 需要实现类似QQ中对联系人的操作:向左滑动,滑出删除按钮.滑动超过一半时松开则自动滑到底,不到一半时松开则返回原处. 纯js实现 使用了h5的touchmove等事件,以及用js动态改变cs ...

  8. 【转载】写一个js库需要怎样的知识储备和技术程度？

    作者:小爝链接:https://www.zhihu.com/question/30274750/answer/118846177来源:知乎著作权归作者所有,转载请联系作者获得授权. 1,如何编写健壮的 ...

  9. 如何写一个Js上传图片插件。

    项目里面需要一个上传图片的插件,找了半天没有找到满意的,算了 不找了,自己写一个吧,顺便复习一下js方面的知识.完成之后效果还不错,当然还要继续优化,源码在最后. 介绍一种常见的js插件的写法 ; ( ...

随机推荐

  1. [BJOI2019]光线[递推]

    题意 题目链接 分析 令 \(f_i\) 表示光线第一次从第一块玻璃射出第 \(i\) 块玻璃的比率. 令 \(g_i\) 表示光线射回第 \(i\) 块玻璃,再射出第 \(i\) 块玻璃的比率. 容 ...

  2. 分布式存储ceph——（4）ceph 添加/删除osd

    一.添加osd: 当前ceph集群中有如下osd,现在准备新添加osd:

  3. Docker 核心技术之Dockerfile

    Dockerfile 简介 什么是Dockerfile Dockerfile其实就是根据特定的语法格式撰写出来的一个普通的文本文件 利用docker build命令依次执行在Dockerfile中定义 ...

  4. Centos7 IPv6 Route And Dhcpv6 Server(借鉴补充)

    软件:radvd.dhcp 1)启用ipv6 vi /etc/sysctl.conf net.ipv6.conf.all.disable_ipv6 = 0net.ipv6.conf.default.d ...

  5. telnet-server、telnet

    1.查询yum仓库中的安装包 [root@localhost /]# yum list |grep telnettelnet.x86_64                              1 ...

  6. redis session 共享 测试案列

    下载 spring redis session demo 2.分别在不同的服务器上启动 3.nginx 安装 测试

  7. [转帖]Oracle 各个版本的升级路线图

    从oracle 7开始(甚至更早版本)到oracle 9iR2. 来源: https://blog.csdn.net/cymm_liu/article/details/11647533 http:// ...

  8. 2D-2D:对极几何 基础矩阵F 本质矩阵E 单应矩阵H

    对极约束 \[ \boldsymbol{x}_{2}^{T} \boldsymbol{F} \boldsymbol{x}_{1}=\boldsymbol{0} \quad \hat{\boldsymb ...

  9. CountDownLatch、CyclicBarrier和Semaphore基本原理和使用

    一.CountDownLatch CountDownLatch类位于java.util.concurrent包下,利用它可以实现类似计数器的功能. 比如有一个任务A,它要等待其他4个任务执行完毕之后才 ...

  10. [BJOI2019]奥术神杖（分数规划，动态规划，AC自动机）

    [BJOI2019]奥术神杖(分数规划,动态规划,AC自动机) 题面 洛谷 题解 首先乘法取\(log\)变加法,开\(c\)次根变成除\(c\). 于是问题等价于最大化\(\displaystyle ...