Javascript日期时间总结

时间:2020-12-09 20:16:02

写这篇文章,总结一下前端JavaScript遇到的时间格式处理。

1 C#时间戳处理

从后台返回的C#时间为:/Date(-62135596800000)/,这个是C#的DateTime.MinValue; 要在html页面展示,一个方法是后端先处理成yyyy-MM-dd HH:mm:ss的格式,前端直接展示。 如果后端不做处理,就需要前端来做处理了,下面就是看前端处理的这种情况。

代码如下:

Javascript日期时间总结
// 说明:将C#时间戳,格式为:/Date(-62135596800000),转换为js时间。
//
参数:timeSpan 字符串 例如:'/Date(-62135596800000)'
//
结果:JS的Date
var parseDate = function(timeSpan)
{
var timeSpan = timeSpan.replace('Date','').replace('(','').replace(')','').replace(/\//g,'');
var d = new Date(parseInt(timeSpan));
return d;
};
Javascript日期时间总结

 

2 JS时间格式化处理 2.1转换为:yyyy-MM-dd HH:mm:ss格式

代码如下:

Javascript日期时间总结
// 说明:JS时间Date格式化参数
//
参数:格式化字符串如:'yyyy-MM-dd HH:mm:ss'
//
结果:如2016-06-01 10:09:00
Date.prototype.Format = function (fmt) { //author: meizz
var o = {
"M+": this.getMonth() + 1,
"d+": this.getDate(),
"H+": this.getHours(),
"m+": this.getMinutes(),
"s+": this.getSeconds(),
"q+": Math.floor((this.getMonth() + 3) / 3),
"S": this.getMilliseconds()
};
var year = this.getFullYear();
var yearstr = year + '';
yearstr
= yearstr.length >= 4 ? yearstr : '0000'.substr(0, 4 - yearstr.length) + yearstr;

if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (yearstr + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
Javascript日期时间总结

 

2.2如:1993年02月08日 转换后为 08FEB93

代码如下:

Javascript日期时间总结
// 说明:转换js的Date为:
//
参数:JS的的Date
//
返回:例如:1993年02月08日 转换后为 08FEB93
var parseDateStr = function(d)
{
var array = d.toDateString().split(' ');
var str = array[2]+array[1]+array[3].substr(2,2);
return str.toUpperCase()
}
Javascript日期时间总结

 

3 常见JS的Date的函数

如图所示:

Javascript日期时间总结

4 两个时间相减 4.1 两个日期相减——秒

代码如下:

Javascript日期时间总结
// 说明:两个时间相减
//
参数:JS的Date类型,或者 string 类型,格式为:yyyy-MM-dd HH:mm:ss
//
返回: date1-date2的秒数
var substractDate = function(date1, date2){
var type1 = typeof date1;
var type2 = typeof date2;
if (type1 == 'string')
{
date1
= new Date(date1);
}
if (type2 == 'string')
{
date2
= new Date(date2);
}
return (date1 - date2) / 1000;
}
Javascript日期时间总结

测试结果,如图所示:

Javascript日期时间总结

 

根据数学知识: 1天=24小时 1小时=60分 1分=60秒 来推导出,相差的分钟数,小时,天数 4.2 两个日期相减——月份

两个日期相差的月份,不能简单的以1个月有多少天来计算,因为有的月份有30天,有的有31天。所以是下面这种计算方式。相差的年份的计算可以参考下面这种方式。

代码如下:

Javascript日期时间总结
var getDiffMonths = function(date1, date2)
{
if (!date1 instanceof Date){
console.error(
'param date1 is not Date');
}
if (!date2 instanceof Date){
console.error(
'param date2 is not Date');
}
var months1 = date1.getFullYear() * 12 + date1.getMonth();
var months2 = date2.getFullYear() * 12 + date2.getMonth();
return months1 - months2;
}
Javascript日期时间总结

测试结果,如图所示:

Javascript日期时间总结

4 时间相加 4.1 两个日期相加——天

代码如下:

Javascript日期时间总结
// 说明:添加天数
//
参数:天数 比如40天
//
结果:比如日期:2016-16-13,加40天,结果为:2016-07-23
Date.prototype.addDays = function(days)
{
var date = new Date(this);
date.setDate(date.getDate()
+ days);
return date;
}
Javascript日期时间总结
  相加月份,年份,参照上面的代码。