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

首先得写好你需要的模板

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

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

  1. var d = new Date();
  2. var year = d.getFullYear();
  3. var month = d.getMonth()+1;
  4. var day = d.getDate();
  5. var hours = d.getHours();
  6. var minutes = d.getMinutes();
  7. var second = d.getSeconds();

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

  1. var result = options.sign;
  2. result = result.replace('yyyy', year);
  3. result = result.replace('MM', month);
  4. result = result.replace('dd', day);
  5. result = result.replace('HH', hours);
  6. result = result.replace('mm', minutes);
  7. result = result.replace('ss', second);
  8.  
  9. return result;

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

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

  1. var _complete = function(n){
  2. 　　return (n>9) ? n : '0' + n;
  3. }

　　

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

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

下面附上全部代码：

  1.  <!DOCTYPE html>
  2.  <html>
  3.      <head>
  4.          <meta charset="UTF-8">
  5.          <title>日期时间</title>
  6.      </head>
  7.      <body>
  8.      </body>
  9.  </html>
  10.  <script type="text/javascript">
  11.      //yyyy-MM-dd
  12.      var getDateFormat = function(options){
  13.          options = options || {};
  14.          options.sign = options.sign || 'yyyy-MM-dd HH:mm:ss';
  15.  
  16.          var _complete = function(n){
  17.              return (n>9) ? n : '0' + n;
  18.          }
  19.  
  20.          var d = new Date();
  21.          var year = d.getFullYear();
  22.          var month = _complete(d.getMonth()+1);
  23.          var day =  _complete(d.getDate());
  24.          var hours =  _complete(d.getHours());
  25.          var minutes =  _complete(d.getMinutes());
  26.          var second =  _complete(d.getSeconds());
  27.  
  28.          var result = options.sign;
  29.          result = result.replace('yyyy', year);
  30.          result = result.replace('MM', month);
  31.          result = result.replace('dd', day);
  32.          result = result.replace('HH', hours);
  33.          result = result.replace('mm', minutes);
  34.          result = result.replace('ss', second);
  35.  
  36.          return result;
  37.      }
  38.      console.log(getDateFormat());
  39.  </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. Day 20 python基础总复习

    一.计算机基础 1.1 计算机基础之编程 编程语言是人与计算机之间交流的介质 编程就是写一堆文件 编程为了奴隶计算机,解放劳动力 1.2 计算机组成原理 CPU 控制器:控制硬件 运算器:逻辑运算和算 ...

  2. Oracle笔记 多表查询

    Oracle笔记  多表查询   本次预计讲解的知识点 1. 多表查询的操作.限制.笛卡尔积的问题: 2. 统计函数及分组统计的操作: 3. 子查询的操作,并且结合限定查询.数据排序.多表查询.统计查 ...

  3. SPOJ 1812 LCS2 - Longest Common Substring II (后缀自动机、状压DP)

    手动博客搬家: 本文发表于20181217 23:54:35, 原地址https://blog.csdn.net/suncongbo/article/details/85058680 人生第一道后缀自 ...

  4. mysql的用户访问权限规划

    看了mysql的关于用户权限和安全的管理,感觉看起来还是不太好理解,首先mysql的连接方式是需要核对三个要素:user.passwd. host.而且这个user和passwd并不是o上面的user ...

  5. SGU - 296 - Sasha vs. Kate

    上题目: 296. Sasha vs. Kate Time limit per test: 1 second(s)Memory limit: 65536 kilobytes input: standa ...

  6. mysql优化 explain index

    本文章属于转载,尊重原创:http://www.2cto.com/database/201501/369135.html 实验环境: 1.sql工具:Navicat 2.sql数据库,使用openst ...

  7. HDU 3007

    基本小圆覆盖模板题 #include <iostream> #include <algorithm> #include <cmath> using namespac ...

  8. Chromium多线程模型设计和实现分析

    Chromium除了远近闻名的多进程架构之外,它的多线程模型也相当引人注目的.Chromium的多进程架构是为了解决网页的稳定性问题,而多线程模型则是为了解决网页的卡顿问题.为了达到这个目的,Chro ...

  9. 3.2 re--正則表達式操作（Regular expression operations）

    本模块提供了正則表達式的匹配操作,它的功能跟Perl语言里的功能一样. 不管是Unicode字符串还是单字节8位组成的字符串,都能够使用模式匹配和字符串查找的功能. 只是要注意的是Unicode字符串 ...

  10. Linux 3.14 待机流程分析

    1:待机节点创建 static int __init pm_init(void) { int error = pm_start_workqueue(); if (error) return error ...