0. 概述

因为写 JS 写得不是很频繁，所以对于一些比较常见的操作并不熟悉，例如符合格式化输出一个 Date 对象，本文就将记录一下不同的操作方式。

1. 原生 JS

原生 JS 也没有提供方便的格式化输出方法，所以需要自行修改原型进行添加：

  1. [root@liqiang.io]# cat prototype.js
  2. Date.prototype.Format = function (fmt) {
  3.     var o = {
  4.         "M+": this.getMonth() + 1, //月份 
  5.         "d+": this.getDate(), //日 
  6.         "H+": this.getHours(), //小时 
  7.         "m+": this.getMinutes(), //分 
  8.         "s+": this.getSeconds(), //秒 
  9.         "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
  10.         "S": this.getMilliseconds() //毫秒 
  11.     };
  12.     if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
  13.     for (var k in o)
  14.     if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
  15.     return fmt;
  16. }

这样就可以通过 Date().Format(format) 的形式进行格式化输出 Date 类型了：

  1. [root@liqiang.io]# cat example-01.js
  2. var time1 = new Date().Format("yyyy-MM-dd");
  3. var time2 = new Date().Format("yyyy-MM-dd HH:mm:ss");

2. JQuery

如果使用 jQuery UI 的话，那么可以直接通过 DatePicker 直接格式化：

  1. [root@liqiang.io]# cat jquery-demo.js
  2. $.datepicker.formatDate('yy/mm/dd', new Date());

3. Ref