js-日期格式处理的几个小技巧

2016/12/14

很多时候我们的项目中都要输出日期时间，前后端分离横行的时代，时间格式的处理都是前端来完成，而不同的项目中，时间的展示格式却不一，亦或者后端提供的日期格式也不同，需要重新处理转换。

现在为大家整理了一些处理日期时间的方法，功能亦有相同，但更重要的是代码不是死的，同一件事可以多种方式处理。

一、时间戳转换成日期格式为: 2018-11-01 2018/11/01

function fnm_setDate(val, str) {
 var time = val;
 var _str = str ? str : '-'; // 年月日中间的字符
 if (time != null) {
   var now = new Date(time);
   var returnTime = time;
   if (time.length === 8) {
     time = time.substring(0, 4) + _str + time.substring(4, 6) + _str + time.substring(6, 8);
     returnTime = time;
   } else {
     var year = now.getFullYear();
     var month = now.getMonth() + 1;
     var date = now.getDate();
     if ((month + "").length < 2) {
       month = "0" + month; // 月份个位数前面 + 0
     }
     if ((date + "").length < 2) {
       date = "0" + date; // 天数个位数前面 + 0
     }
     returnTime = year + _str + month + _str + date;
   }
   return returnTime;
 }
}

// 使用方法
console.log(fnm_setDate(1541012312323)); // 2018-11-01
console.log(fnm_setDate(1541012312323, '/')); // 2018/11/01
console.log(fnm_setDate('20161110')); // 2016-11-10
console.log(fnm_setDate('20161110', '/')); // 2016/11/10

二、时分秒转换格式为：12:31:23

function fnm_setHms(val) {
 return val.substring(0, 2) + ":" + val.substring(2, 4) + ":" + val.substring(4, 6);
}

// 使用方法
console.log(fnm_setHms('123123'));  // 12:31:23

三、增加/减少月份或者天数并返回结果 Object

function getDateCalc(strDate, strParse) {
 var arrParse = strParse.split('^');
 var arrDate = '';
 var dDate = '';
 if (strDate.indexOf(' ') > -1) {
   dDate = new Date(strDate);
 } else {
   arrDate = strDate.split('-');
   dDate = new Date(arrDate[0], arrDate[1] - 1, arrDate[2]);
 }
 var rDate = dDate;
 if (arrParse[0] == 'd') {
   rDate.setDate(dDate.getDate() + parseInt(arrParse[1]));
 } else if (arrParse[0] == 'm') {
   var n = rDate.getDate();
   var isLeapYear = ((rDate.getFullYear() % 4 === 0) &&
       (rDate.getFullYear() % 100 !== 0)) ||
     (rDate.getFullYear() % 400 === 0);
   var daysInMonth = [31, (isLeapYear ? 29 : 28), 31,
     30, 31, 30, 31, 31, 30, 31, 30, 31
   ];

   rDate.setDate(1);
   rDate.setMonth(rDate.getMonth() + parseInt(arrParse[1]));
   rDate.setDate(Math.min(n, daysInMonth[rDate.getMonth()]));
 }
 var _date = rDate.getFullYear() + '-' +
   (rDate.getMonth() + 1) + '-' + rDate.getDate() + ' ' +
   rDate.getHours() + ':' + rDate.getMinutes() + ':' +
   rDate.getSeconds();
 return {
   rDate: rDate,
   _date: _date,
   _time: rDate.getTime()
 };
}

// 使用方法
console.log(getDateCalc('2016-01-10', 'd^2'));
console.log(getDateCalc('2016-01-10', 'd^-2'));
console.log(getDateCalc('2016-01-10 11:11:11', 'd^2'));
console.log(getDateCalc('2016-01-10 11:11:11', 'd^-2'));
console.log(getDateCalc('2016-01-10', 'm^2'));
console.log(getDateCalc('2016-01-10', 'm^-2'));
console.log(getDateCalc('2016-01-10 11:11:11', 'm^2'));
console.log(getDateCalc('2016-01-10 11:11:11', 'm^-2'));

四、获取日期为星期几

function fnm_getWeek(time) {
  var date = time ? new Date(time) : new Date();
  var day = date.getDay();
  var weekArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
  return weekArr[day];
}

// 使用方法
console.log(fnm_getWeek()); // 当前时间
console.log(fnm_getWeek('2016-11-11')); // 指定时间
console.log(fnm_getWeek('2016/11/11')); // 指定时间
console.log(fnm_getWeek('2016/11/11 11:11:11')); // 指定时间
console.log(fnm_getWeek(1541012312323)); // 指定时间

五、获取日期为几月

function fnm_getMonth(time) {
  var date = time ? new Date(time) : new Date();
  var month = date.getMonth();
  var monthArr = ['一月', '二月', '三月', '四月', '五月', '六月', '七月',
    '八月', '九月', '十月', '十一月', '十二月'
  ];
  return monthArr[month];
}

// 使用方法
console.log(fnm_getMonth()); // 当前时间
console.log(fnm_getMonth('2016-11-11')); // 指定时间
console.log(fnm_getMonth('2016/11/11')); // 指定时间
console.log(fnm_getMonth('2016/11/11 11:11:11')); // 指定时间
console.log(fnm_getMonth(1541012312323)); // 指定时间

六、两个时间对比，如果第一个时间大于第二个时间，就返回 true 否则 false

function fnm_dateCompare(oneTime, twoTime) {
	var oneTimeStr = new Date(oneTime).getTime();
	var twoTimeStr = new Date(twoTime).getTime();
	return oneTimeStr > twoTimeStr;
}

// 使用方法
console.log(fnm_dateCompare('2016-11-11', '2015-10-01')); // true
console.log(fnm_dateCompare('2016/11/11 10:11:12', '2019-10-01 22:11')); // false
console.log(fnm_dateCompare(1541012312323, 1501012312323)); // true

七、不满足指定长度，向前一位补零

function zeroize(n, len) {
  len = len || 2;
  n += '';
  while (n.length < len) {
    n = '0' + n;
  }
  return n;
}
 
// 使用方法
console.log(zeroize(5, 2)); // 05

暂时就整理到这了，这些都是非常基础的，适合初学者学习，中高级和大神们不要吐槽。

关注 web翎云阁，定时推送，互动精彩多，若你有更好的见解，欢迎留言探讨！

本作品采用知识共享署名 3.0 中国大陆许可协议进行许可，分享、演绎需署名且使用相同方式共享。转载请务必保留本页网址和作者信息，否则即为侵权。