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

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

时间: 2024-11-08 19:00:30

Javascript日期时间总结的相关文章

JavaScript日期时间对象的创建与使用(三)

时钟效果一: 代码: <html> <head> <meta charset="utf-8"/> <title>JavaScript日期时间对象的创建与使用</title> </head> <body> <h2 id="time"></h2> <script type="text/javascript"> function Cl

JavaScript日期时间操作

js日期操作: var myDate = new Date(); myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从1970.1

Javascript日期时间表现形式互转

在一门语言里,一个日期时间一定有3种表现形式,字符串(如2010-11-11 05:07:08),Long型(一般是1970年1月1日至今的毫秒数),内置对象(在Javascript中就是Date): 那么日期时间操作很常用的一个就是上述三种表现形式的互转和格式化(各种格式的字符串): moment是Javascript的一个日期时间库,使用它可以很方便的实现上述三种表现形式的互转和字符串表现形式的格式化. 日期时间类型的三种表现形式,字符串是给人读的,Long在传递信息时速度更快,内置对象起到

网站前端_JavaScript.0009.JavaScript日期时间

日期类型: 说明: Js提供了Date类型来处理时间和日期,Date类型内置一些列获取或设置日期时间信息的方法,日期类型初始化参数以时间戳保存 // 创建日期对象, 默认当前时间对象,支持初始化,但必须能够解析 var newDate = new Date() console.log(newDate) var newDate = new Date('8/30/2016') console.log(newDate) var newDate = new Date('August 30, 2016')

JavaScript——日期时间

今天开始复习JS,准备下一轮项目: // JavaScript Document /////第一部分 //创建日期对象 //var box=new Date();//创建一个日期对象 //var box=new Date(Date.parse('6/13/2014')); //构建一个newdate //var box=new Date(Date.UTC(2011,11)); //构建对象 //document.write(box); //不同浏览器显示不同: ///第三部分:date数据的方法

javascript 日期和时间有效性检查

//包括不能输入日文全家数字. util.validation.checkDate = function(str){// 2014/07/07 if (/^(?:[1-7][0-9]{3}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01]))$/.test(str)) { return true; } else { return false; }}; util.validation.checkTime = function(str){// 04:23 or 04

C#/JavaScript/SqlServer 对日期时间的操作整理汇总

前言:针对C#/JavaScript/SqlServer常用的对日期时间的操作函数抽时间做了一个整理,网络上有许多,但是许多都不全,这些都是时间日期常用的一些操作! 一.C# 常用日期时间操作 //获取日期+时间DateTime.Now.ToString();            // 2008-9-4 20:02:10DateTime.Now.ToLocalTime().ToString();        // 2008-9-4 20:12:12DateTime.Now.ToString(

mydate97时间控件最大值最小值限制及Javascript日期判断大小

<script language="javascript" type="text/javascript" src="<%=basePath %>js/datePicker/WdatePicker.js"></script><form id="searchForm" action="trans/triplist" method="post" ons

JavaScript 对时间日期格式化

JavaScript 对时间日期格式化 // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 // (new