也写dateUtil.js

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：

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

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

jQuery Validate 表单验证插件----通过name属性来关联字段来验证，改变默认的提示信息，将校验规则写到 js 代码中
一.下载依赖包网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二. 添加一个另外一个插件jquery.validate.messages_cn.js. ...
vue element-ui怎样提炼一个自己写的js当作公共js
vue element-ui怎样提炼一个自己写的js当作公共js请教一下各位大神,我刚刚触摸vue element-ui几天,写的一个清晰检索的input框,现在需当作项目公共的部分,可遭需的html ...
使用Xcode IDE写node.js
最近在玩node.js 但是发现很多IDE就是用不顺手后来发现Xcode可以剖析java script 于是试着使用Xcode来当做node.js的编辑器首先,在Mac上必须先安装node.js的 ...
让我们纯手写一个js继承吧
继承在前端逻辑操作中是比较常见的,今天我们就从零开始写一个js的继承方式在es5中继承实质上是先创建子类的实例对象,然后再将父类的方法添加到this上Parent.call(this),在es6中则 ...
从 0 到 1 到完美，写一个 js 库、node 库、前端组件库
之前讲了很多关于项目工程化.前端架构.前端构建等方面的技术,这次说说怎么写一个完美的第三方库. 1. 选择合适的规范来写代码 js 模块化的发展大致有这样一个过程 iife => commonj ...
手写Koa.js源码
用Node.js写一个web服务器,我前面已经写过两篇文章了: 第一篇是不使用任何框架也能搭建一个web服务器,主要是熟悉Node.js原生API的使用:使用Node.js原生API写一个web服务器 ...
写一个js向左滑动删除交互特效的插件——Html5 touchmove
需求描述需要实现类似QQ中对联系人的操作:向左滑动,滑出删除按钮.滑动超过一半时松开则自动滑到底,不到一半时松开则返回原处. 纯js实现使用了h5的touchmove等事件,以及用js动态改变cs ...
【转载】写一个js库需要怎样的知识储备和技术程度？
作者:小爝链接:https://www.zhihu.com/question/30274750/answer/118846177来源:知乎著作权归作者所有,转载请联系作者获得授权. 1,如何编写健壮的 ...
如何写一个Js上传图片插件。
项目里面需要一个上传图片的插件,找了半天没有找到满意的,算了不找了,自己写一个吧,顺便复习一下js方面的知识.完成之后效果还不错,当然还要继续优化,源码在最后. 介绍一种常见的js插件的写法 ; ( ...

随机推荐

Web后台快速开发框架
Web后台快速开发框架 Coldairarrow 目录目录第1章目录 1 第2章简介 3 第3章基础准备 4 3.1 开发环境要求 4 3.2 ...
类Scanner
什么是Scanner类一个可以解析基本类型和字符串的简单文本扫描器. 引用类型使用步骤 1:导包:使用import关键字导包,在类的所有代码之前导包,引入要使用的类型. java.lang包下的所有 ...
Django（六）Session、CSRF、中间件
大纲二.session 1.session与cookie对比 2.session基本原理及流程 3.session服务器操作(获取值.设置值.清空值) 4.session通用配置(在配置文件中) 5 ...
Python静态网页爬取：批量获取高清壁纸
前言在设计爬虫项目的时候,首先要在脑内明确人工浏览页面获得图片时的步骤一般地,我们去网上批量打开壁纸的时候一般操作如下: 1.打开壁纸网页 2.单击壁纸图(打开指定壁纸的页面) 3.选择分辨率(我 ...
jvm调优参数
堆溢出测试args:-verbose:gc -Xms20M -Xmx20M -XX:+PrintGCDetails 栈层级不足args:-Xss128k 常量池内存溢出args : -XX:PermS ...
JS生成随机数进行循环匹配数组
function RndNum(n) { var rnd = ""; for (var i = 0; i < n; i++) rnd += Math.floor(Math.r ...
react native定报预披项目知识点总结
1.TextInput组件对安卓的适配问题 textInput 在iOS 显示正常,但是在android下会出现下横线,并且字会被遮盖因此一般都这么用该组件 <TextInput style= ...
[mooc]open course on github
来自多位GitHub网友在GitHub分享的几组学习课程项目, 学习课程包含清华,北大,浙大,中科大,上海交大, 等中国多所名校的英语,AI高数,人工智能等课程以及一些讲义考题. 如果你想了解这些大学 ...
纠错式教学法对比鼓励式教学法 -----Lily、贝乐、英孚，乐加乐、剑桥国际、优学汇、北外青少
一.关于两种英语教学法的争议在英语教学方面,主要有纠错式教学法(目前主要对应国内听说读写四位一体的教学法)和鼓励式教学法(目前对应国内听说为主的教学法),这两种教学方法其实是各有千秋,各有利弊的. ...
ReactNative开发笔记（持续更新...）
本文均为RN开发过程中遇到的问题.坑点的分析及解决方案,各问题点之间无关联,希望能帮助读者少走弯路,持续更新中... (2019年3月29日更新) 原文链接:http://www.kovli.com/ ...

也写dateUtil.js

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

随机推荐

热门专题