写这篇文章,总结一下前端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;
}
相加月份,年份,参照上面的代码。
from: http://www.cnblogs.com/tianxue/p/5580702.html

Javascript日期时间总结相关推荐

  1. JavaScript日期时间详解

    JavaScript日期时间详解 日期与时间 获取时间对象 var date=new Date() 时间的获取方法 date.toString() date.toLocaleString() date ...

  2. Javascript日期时间表现形式互转

    在一门语言里,一个日期时间一定有3种表现形式,字符串(如2010-11-11 05:07:08),Long型(一般是1970年1月1日至今的毫秒数),内置对象(在Javascript中就是Date): ...

  3. jc-datetime :JavaScript 日期时间实用编程

    JavaScript 日期时间实用编程 jc-datetime 文档 邮箱 :291148484@163.com npm 主页:https://www.npmjs.com/package/jc-dat ...

  4. javascript日期时间操作总结

    js获得当前系统日期时间 < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http: ...

  5. JavaScript日期时间处理

    日期对象Date new Date()获取当前时间,获取的时间格式是北京时间. Date具有多个实例方法,可以获取年月日.时分秒等. // date对象let date = new Date();// ...

  6. html中日期格式化函数,JavaScript日期时间格式化函数分享

    这个函数经常用到,分享给大家. 函数代码: Date.prototype.format = function(format){ var o = { "M+" : this.getM ...

  7. oracle 日期 extract,ORACLE——EXTRACT() 截取日期时间的函数使用

    1.截取日期的 年: --使用方法 EXTRACT(YEAR FROM DATE) SQL> SELECT EXTRACT( YEAR FROM SYSDATE ) FROM DUAL; --结 ...

  8. php中日期选择代码,实现JS日期时间选择器

    这次给大家带来实现JS日期时间选择器,实现JS日期时间选择器的注意事项有哪些,下面就是实战案例,一起来看一下. flatpickr 是一个轻量级.注重精益.由 UX 驱动和可扩展的 JavaScrip ...

  9. Python和JavaScript之间的JSON日期时间

    本文翻译自:JSON datetime between Python and JavaScript I want to send a datetime.datetime object in seria ...

最新文章

  1. 语言输出换行符号是什么_世界上最难的5种编程语言
  2. P2015 二叉苹果树
  3. 用switch写收水费的c语言程序,超级新手,用switch写了个计算器程序,求指导
  4. 【安全漏洞】从补丁追溯漏洞触发路径
  5. html绘制头像原样教程,CSS实例教程:创意CSS3头像展示教程
  6. 【Java虚拟机的垃圾收集算法】
  7. php curl 防止采集,php多线程采集网页的解决办法 curl多线程采集
  8. 作业三--阅读《构建之法》1-5章
  9. 2016第三届科学数据大会诚邀商务合作
  10. 专访 | 「Smartbi 」VP徐晶:未来,BI将成为决策者的诸葛亮
  11. 如何快速验证电子邮件地址?
  12. 理解Servlet及其对象
  13. Python面向对象-0
  14. Raki的统计学习方法笔记0x1章:统计学习及监督学习概论
  15. 单片机p2.0引脚c语言,单片机C语言教程二
  16. php 如何生成txt文件,PHP生成TXT文件
  17. 中国黑客常用六种工具及防御方法(转)
  18. 简述前端MVVM框架
  19. 小学最简单的计算机微课PPT,小学音乐微课课件
  20. lodop直接打印服务器的文件,C-Lodop云打印服务器

热门文章

  1. jquery学习手记(8)遍历
  2. UML建模——用例图(Use Case Diagram)
  3. 【聚类算法】常见的六大聚类算法
  4. 【采用】人工智能如何帮助银行反欺诈:银行智能欺诈风险预测模型研究
  5. 【NLP】Transformer详解
  6. tf-idf:信息检索
  7. 重磅风控干货:如何用数据分析监测交易欺诈
  8. Spring-AOP概述
  9. Linux 备份及恢复 Linux 文件权限
  10. jquery.ajax上传个数限制,关于jquery ajax上传的坑