以这个为例：    yyyy-MM-dd HH:mm:ss

首先得写好你需要的模板

options.sign = options.sign || 'yyyy-MM-dd HH:mm:ss';

其次就可以调用日期函数了（这里的月一定要+1，因为默认是从0开始的）

var d = new Date();

var year = d.getFullYear();

var month = d.getMonth()+1;

var day = d.getDate();

var hours = d.getHours();

var minutes = d.getMinutes();

var second = d.getSeconds();

然后把得到的日期与模板结合起来，就大功告成了，（这里用到了replace  把模板里的日期给替换掉）

var result = options.sign;

result = result.replace('yyyy', year);

result = result.replace('MM', month);

result = result.replace('dd', day);

result = result.replace('HH', hours);

result = result.replace('mm', minutes);

result = result.replace('ss', second);

return result;

其实写完可以自己优化一下，自己好好想想，比如：2017-2-1 9:2:8  --> 2017-02-01 09:02:08 等。

　　这样自己可以写一个函数来过滤一下：这就用到一些小知识点，比如三目运算符，有时候会帮大忙，所以基础还是要打好的。

var _complete = function(n){

　　return (n>9) ? n : '0' + n;

}

　　

函数简单的封装好了。怎么用呢，看下面的代码，很简单，比如获取hours的时候。过滤一遍就好啦。

var hours =  _complete(d.getHours());

下面附上全部代码：

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>日期时间</title>

     </head>

     <body>

     </body>

 </html>

 <script type="text/javascript">

     //yyyy-MM-dd

     var getDateFormat = function(options){

         options = options || {};

         options.sign = options.sign || 'yyyy-MM-dd HH:mm:ss';

         var _complete = function(n){

             return (n>9) ? n : '0' + n;

         }

         var d = new Date();

         var year = d.getFullYear();

         var month = _complete(d.getMonth()+1);

         var day =  _complete(d.getDate());

         var hours =  _complete(d.getHours());

         var minutes =  _complete(d.getMinutes());

         var second =  _complete(d.getSeconds());

         var result = options.sign;

         result = result.replace('yyyy', year);

         result = result.replace('MM', month);

         result = result.replace('dd', day);

         result = result.replace('HH', hours);

         result = result.replace('mm', minutes);

         result = result.replace('ss', second);

         return result;

     }

     console.log(getDateFormat());

 </script>

源代码

date 格式化的更多相关文章

  1. PHP date 格式化一个本地时间／日期

    PHP date 格式化一个本地时间/日期 date (PHP 4, PHP 5) date — 格式化一个本地时间/日期 说明 string date ( string $format [, int ...

  2. javascript 的Date 格式化, 模仿shell中date命令的格式

    原文:javascript 的Date 格式化, 模仿shell中date命令的格式 shell 中显示当前的日期 [root@localhost]$ date '+%Y-%m-%d %H:%M:%S ...

  3. spring boot 2 返回Date 格式化问题

    以前 返回数据把Date  转成 long的时间毫秒数.现在是格式化成了字符串. 默认的结果:"createDate": "2018-09-06T10:04:25.000 ...

  4. java之Date(日期)、Date格式化、Calendar(日历)

    参考http://how2j.cn/k/date/date-date/346.html Date(日期) Date类 注意:是java.util.Date; 而非 java.sql.Date,此类是给 ...

  5. Safari中的new Date()格式化坑

    今天在测试的时候发现,在Chrome中的如下代码: new Date("2014-03-09"); 在Safari中报错invalid date.经过查阅资料找到类似的问答: st ...

  6. date格式化

    Linux: [ghsea@localhost ~]date +%Y:%m:%d [ghsea@localhost ~]date +%Y-%m%d [ghsea@localhost ~]date +% ...

  7. groovy Date 格式化

    刚开始使用Java,瞬间爱上:换了个厂接触到了groovy,开始有点嫌弃Java了... 看看时间的格式化 java玩法: new SimpleDateFormat("yyyy-MM-dd ...

  8. js 时间date格式化

    js中没有类似java中的DateFormat类来处理日期格式化,可以自己写一个: var newDate=new Date(); var year=newDate.getFullYear(); va ...

  9. Js日期函数Date格式化扩展

    prototype是向对象中添加属性和方法,返回对象类型原型的引用,例如对js中日期函数Date进行扩展: Date.prototype.Format = function (fmt) { var o ...

  10. linux shell date格式化配置

    国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...

随机推荐

  1. 2019-04-16 sql tran and try catch ：

    begin try begin tran tran_addresource -- 标记事务的开始 delete rp insert into Cube.ResourcePool(ResourceTyp ...

  2. 【Educational Codeforces Round 53 (Rated for Div. 2) C】Vasya and Robot

    [链接] 我是链接,点我呀:) [题意] [题解] 如果|x|+|y|>n 显然.从(0,0)根本就没法到(x,y) 但|x|+|y|<=n还不一定就能到达(x,y) 注意到,你每走一步路 ...

  3. 洛谷 P3819 松江1843路

    题目描述 涞坊路是一条长L米的道路,道路上的坐标范围从0到L,路上有N座房子,第i座房子建在坐标为x[i]的地方,其中住了r[i]人. 松江1843路公交车要在这条路上建一个公交站,市政府希望让最多的 ...

  4. 转载 - KMP算法祥解

    出处:http://www.cppblog.com/oosky/archive/2006/07/06/9486.html KMP字符串模式匹配详解 来自CSDN     A_B_C_ABC 网友 KM ...

  5. 0622通过插件的方式来热安装sphinx

    1.查看当前运行的mysql版本 mysqldump --version 我的Mysql版本5.5.32 2.下载对应的mysql 5.5.32 (版本号一定不能错,要不安装不成功)源码,并解压 下载 ...

  6. 关于TRIANGLE二维三角网格生成器在windows下的配置说明

    近期须要用到三角网格生成的一些东西,所以就把TRIANGLE这个库编译了一下,发现编译过程还是略微有些纠结,于是就想到写下来.希望以后有些童鞋看到少走一些弯路. 首先很感谢eryar的帮助,很感谢! ...

  7. HDU 5218 The E-pang Palace （简单几何—2014广州现场赛）

    题目链接:pid=5128">http://acm.hdu.edu.cn/showproblem.php? pid=5128 题面: The E-pang Palace Time Li ...

  8. CentOS安装、配置APR和tomcat-native

    APR:Apache Portable Run-time libraries,Apache可移植执行库 在早期的Apache版本号中.应用程序本身必须可以处理各种详细操作系统平台的细节,并针对不同的平 ...

  9. luogu4180 次小生成树Tree 树上倍增

    题目:求一个无向图的严格次小生成树(即次小生成树的边权和严格小于最小生成树的边权和) 首先求出图中的最小生成树.任意加一条树外边都会导致环的出现.我们现在目标是在树外边集合B中,找到边b∈B,a∈b所 ...

  10. Node.js：Web 模块

    ylbtech-Node.js:Web 模块 1.返回顶部 1. Node.js Web 模块 什么是 Web 服务器? Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,Web服 ...