Javascript日期时间总结(转)

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

1 C#时间戳处理

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

代码如下:

// 说明:将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;
};

2 JS时间格式化处理

2.1转换为:yyyy-MM-dd HH:mm:ss格式

代码如下:

// 说明: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;
}

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

代码如下:

// 说明:转换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()
}

3 常见JS的Date的函数

如图所示:

4 两个时间相减

4.1 两个日期相减——秒

代码如下:

// 说明:两个时间相减
// 参数: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;
}

测试结果,如图所示:

根据数学知识:

1天=24小时

1小时=60分

1分=60秒

来推导出,相差的分钟数,小时,天数

4.2 两个日期相减——月份

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

代码如下:

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;
}

测试结果,如图所示:

4 时间相加

4.1 两个日期相加——天

代码如下:

// 说明:添加天数
// 参数:天数 比如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;
}

  相加月份,年份,参照上面的代码。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏终身学习者

如何正确合理使用 JavaScript async/await !

ES8 引入的 async/await 在 JavaScript 的异步编程中是一个极好的改进。它提供了使用同步样式代码异步访问 resoruces 的方式,而...

14530
来自专栏终身学习者

提高 JavaScript 开发效率的高级 VSCode 扩展之二!

作为一名业余爱好者、专业人员,甚至是每月只有一次编程的开发人员,你必须知道,对于任何愿意在工作中投入最大生产时间的人来说,拥有智能和敏捷的工具是至关重要的,废话...

27530
来自专栏bamboo前端学习记录

js 定时器笔记

JavaScript提供定时执行代码的功能,该功能主要由setTimeout()和setInterval()这两个函数来实现

61160
来自专栏终身学习者

JavaScript 是如何工作的:深入网络层 + 如何优化性能和安全

正如在上一篇关于 渲染引擎 的博客文章中提到的,我们认为优秀的 JavaScript 开发人员和杰出的 JavaScript 开发人员之间的区别在于,后者不仅理...

11430
来自专栏终身学习者

JavaScript 是如何工作: Shadow DOM 的内部结构+如何编写独立的组件!

Web Components 是一套不同的技术,允许你创建可重用的定制元素,它们的功能封装在你的代码之外,你可以在 Web 应用中使用它们。

13030
来自专栏终身学习者

JavaScript是如何工作的:渲染引擎和优化其性能的技巧

当你构建 Web 应用程序时,你不只是编写单独运行的 JavaScript 代码,你编写的 JavaScript 正在与环境进行交互。了解这种环境,它的工作原理...

10330
来自专栏Fundebug

ECMASCript 2019可能会有哪些特性?

为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。

19840
来自专栏终身学习者

JavaScript是如何工作的:存储引擎+如何选择合适的存储API

在设计 Web 应用程序时,为本地浏览器选择合适的存储机制至关重要, 一个好的存储引擎可以确保可靠地保存信息,减少带宽,提高响应能力。正确的存储缓存策略是实现离...

11010
来自专栏bamboo前端学习记录

js 事件笔记

在Web中, 事件在浏览器窗口中被触发,执行事先绑定的事件处理器(也就是事件触发时会运行的代码块),对事件做出响应。 用户在浏览器的任何一个操作都会去触发一个事...

75920
来自专栏终身学习者

ES6迭代器的简单指南和示例

我们将在本文中分析迭代器。迭代器是在JavaScript中循环任何集合的一种新方法。它们是在ES6中引入的,由于它们的广泛用途和在不同地方的使用而变得非常流行。

12440

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励