简单谈谈javascript Date类型


Posted in Javascript onSeptember 06, 2015

1 创建一个新的日期对象,如果不带参数,则对象自动获得当前的日期和时间

var d = new Date()

2 如果需要指定特定的日期,则可以通过Date.parse() 或者 Date().UTC(),返回时间戳作为 new Date()的参数

Date.parse() 用法:

var time = Date.parse('2015/05/20');
var newDate = new Date(time);//Wed May 20 2015 00:00:00 GMT+0800 (中国标准时间)
//转换为格林威治时间
newDate.toUTCString(); //Tue, 19 May 2015 16:00:00 GMT

也可以直接 new Date('2015/05/20') 指定日期,new Date() 构造函数会自动调用 Date.parse()静态方法。

Date.UTC()

Date.UTC()的参数分别是年,月(从0到11),日(1-31),时(0-23),分(0-59),秒(0-59),毫秒(0-999),最少参数2个,即应该包含年月,其他不填的默认为0。

如果要创建的时间为中国标准时间的2015年5月20日,则代码应表示为

var myDate = new Date(Date.UTC(2015,5,19,16,0,0)) //Sat Jun 20 2015 00:00:00 GMT+0800
//格林威治时间
myDate.toUTCString() // Fri, 19 Jun 2015 16:00:00 GMT

 其他:

var d = new Date();
//年
d.getFullYear() 
//月
d.getMonth()
//日
d.getDate()

下面我们通过具体的示例来看看

/** 
 * 日期时间脚本库方法列表: 
 * (1)Date.isValiDate:日期合法性验证 
 * (2)Date.isValiTime:时间合法性验证 
 * (3)Date.isValiDateTime:日期和时间合法性验证 
 * (4)Date.prototype.isLeapYear:判断是否闰年 
 * (5)Date.prototype.format:日期格式化 
 * (6)Date.stringToDate:字符串转成日期类型 
 * (7)Date.daysBetween:计算两个日期的天数差 
 * (8)Date.prototype.dateAdd:日期计算,支持正负数 
 * (9)Date.prototype.dateDiff:比较日期差:比较两个时期相同的字段,返回相差值 
 * (10)Date.prototype.toArray:把日期分割成数组:按数组序号分别为:年月日时分秒 
 * (11)Date.prototype.datePart:取得日期数据信息 
 */ 

/** 
 * 日期合法性验证:判断dataStr是否符合formatStr指定的日期格式 
 * 示例: 
 * (1)alert(Date.isValiDate('2008-02-29','yyyy-MM-dd'));//true 
 * (2)alert(Date.isValiDate('aaaa-58-29','yyyy-MM-dd'));//false 
 * dateStr:必选,日期字符串 
 * formatStr:可选,格式字符串,可选格式有:(1)yyyy-MM-dd(默认格式)或YYYY-MM-DD (2)yyyy/MM/dd或YYYY/MM/DD (3)MM-dd-yyyy或MM-DD-YYYY (4)MM/dd/yyyy或MM/DD/YYYY 
 */ 
Date.isValiDate = function(dateStr, formatStr) 
{ 
  if(!dateStr){ 
    return false; 
  } 
  if(!formatStr){ 
    formatStr = "yyyy-MM-dd";//默认格式:yyyy-MM-dd 
  } 
  if(dateStr.length!=formatStr.length){ 
    return false; 
  }else{ 
    if(formatStr=="yyyy-MM-dd"||formatStr=="YYYY-MM-DD"){ 
      var r1=/^(((((([02468][048])|([13579][26]))(00))|(\d{2}(([02468][48])|([13579][26]))))\-((((0[13578])|(1[02]))\-(([0-2][0-9])|(3[01])))|(((0[469])|(11))\-(([0-2][0-9])|(30)))|(02\-([0-2][0-9]))))|(\d{2}(([02468][1235679])|([13579][01345789]))\-((((0[13578])|(1[02]))\-(([0-2][0-9])|(3[01])))|(((0[469])|(11))\-(([0-2][0-9])|(30)))|(02\-(([0-1][0-9])|(2[0-8]))))))$/; 
      return r1.test(dateStr); 
    }else if(formatStr=="yyyy/MM/dd"||formatStr=="YYYY/MM/DD"){ 
      var r2=/^(((((([02468][048])|([13579][26]))(00))|(\d{2}(([02468][48])|([13579][26]))))\/((((0[13578])|(1[02]))\/(([0-2][0-9])|(3[01])))|(((0[469])|(11))\/(([0-2][0-9])|(30)))|(02\/([0-2][0-9]))))|(\d{2}(([02468][1235679])|([13579][01345789]))\/((((0[13578])|(1[02]))\/(([0-2][0-9])|(3[01])))|(((0[469])|(11))\/(([0-2][0-9])|(30)))|(02\/(([0-1][0-9])|(2[0-8]))))))$/; 
      return r2.test(dateStr); 
    }else if(formatStr=="MM-dd-yyyy"||formatStr=="MM-DD-YYYY"){ 
      var r3=/^((((((0[13578])|(1[02]))\-(([0-2][0-9])|(3[01])))|(((0[469])|(11))\-(([0-2][0-9])|(30)))|(02\-([0-2][0-9])))\-(((([02468][048])|([13579][26]))(00))|(\d{2}(([02468][48])|([13579][26])))))|(((((0[13578])|(1[02]))\-(([0-2][0-9])|(3[01])))|(((0[469])|(11))\-(([0-2][0-9])|(30)))|(02\-(([0-1][0-9])|(2[0-8])))))\-\d{2}(([02468][1235679])|([13579][01345789])))$/; 
      return r3.test(dateStr); 
    }else if(formatStr=="MM/dd/yyyy"||formatStr=="MM/DD/YYYY"){ 
      var r4=/^((((((0[13578])|(1[02]))\/(([0-2][0-9])|(3[01])))|(((0[469])|(11))\/(([0-2][0-9])|(30)))|(02\/([0-2][0-9])))\/(((([02468][048])|([13579][26]))(00))|(\d{2}(([02468][48])|([13579][26])))))|(((((0[13578])|(1[02]))\/(([0-2][0-9])|(3[01])))|(((0[469])|(11))\/(([0-2][0-9])|(30)))|(02\/(([0-1][0-9])|(2[0-8])))))\/\d{2}(([02468][1235679])|([13579][01345789])))$/; 
      return r4.test(dateStr); 
    }else{ 
      alert("日期格式不正确!"); 
      return false; 
    } 
  } 
  return false; 
} 

/** 
 * 时间合法性验证:判断timeStr是否符合formatStr指定的时间格式 
 * 示例: 
 * (1)alert(Date.isValiTime('23:59:59','hh:mm:ss'));//true 
 * (2)alert(Date.isValiTime('24-68-89','hh:mm:ss'));//false 
 * timeStr:必选,日期字符串 
 * formatStr:可选,格式字符串,可选格式有:(1)hh:mm:ss(默认格式) (2)hh-mm-ss (3)hh/mm/ss 
 */ 
Date.isValiTime = function(timeStr, formatStr) 
{ 
  if(!timeStr){ 
    return false; 
  } 
  if(!formatStr){ 
    formatStr = "hh:mm:ss";//默认格式:hh:mm:ss 
  } 
  if(timeStr.length!=formatStr.length){ 
    return false; 
  }else{ 
    if(formatStr=="hh:mm:ss"){ 
      var r1=/^(([0-1][0-9])|(2[0-3]))\:([0-5][0-9])\:([0-5][0-9])$/; 
      return r1.test(timeStr); 
    }else if(formatStr=="hh-mm-ss"){ 
      var r2=/^(([0-1][0-9])|(2[0-3]))\-([0-5][0-9])\-([0-5][0-9])$/; 
      return r2.test(timeStr); 
    }else if(formatStr=="hh/mm/ss"){ 
      var r3=/^(([0-1][0-9])|(2[0-3]))\/([0-5][0-9])\/([0-5][0-9])$/; 
      return r3.test(timeStr); 
    }else{ 
      alert("时间格式不正确!"); 
      return false; 
    } 
  } 
  return false; 
} 

/** 
 * 日期和时间合法性验证 
 * 格式:yyyy-MM-dd hh:mm:ss 
 */ 
Date.isValiDateTime = function(dateTimeStr) 
{ 
  var dateTimeReg=/^(((((([02468][048])|([13579][26]))(00))|(\d{2}(([02468][48])|([13579][26]))))\-((((0[13578])|(1[02]))\-(([0-2][0-9])|(3[01])))|(((0[469])|(11))\-(([0-2][0-9])|(30)))|(02\-([0-2][0-9]))))|(\d{2}(([02468][1235679])|([13579][01345789]))\-((((0[13578])|(1[02]))\-(([0-2][0-9])|(3[01])))|(((0[469])|(11))\-(([0-2][0-9])|(30)))|(02\-(([0-1][0-9])|(2[0-8]))))))(\s{1}(([0-1][0-9])|(2[0-3]))\:([0-5][0-9])\:([0-5][0-9]))?$/ 
  return dateTimeReg.test(dateTimeStr); 
} 

/** 
 * 判断闰年 :一般规律为:四年一闰,百年不闰,四百年再闰。 
 */ 
Date.prototype.isLeapYear = function() 
{ 
  return (this.getYear()%4==0&&((this.getYear()%100!=0)||(this.getYear()%400==0))); 
} 

/** 
 * 日期格式化: 
 * formatStr:可选,格式字符串,默认格式:yyyy-MM-dd hh:mm:ss 
 * 约定如下格式: 
 * (1)YYYY/yyyy/YY/yy 表示年份 
 * (2)MM/M 月份 
 * (3)W/w 星期 
 * (4)dd/DD/d/D 日期 
 * (5)hh/HH/h/H 时间 
 * (6)mm/m 分钟 
 * (7)ss/SS/s/S 秒 
 * (8)iii 毫秒 
 */ 
Date.prototype.format = function(formatStr) 
{ 
  var str = formatStr; 
  if(!formatStr){ 
    str = "yyyy-MM-dd hh:mm:ss";//默认格式 
  } 
  var Week = ['日','一','二','三','四','五','六']; 
   
  str=str.replace(/yyyy|YYYY/,this.getFullYear()); 
  str=str.replace(/yy|YY/,(this.getYear() % 100)>9?(this.getYear() % 100).toString():'0' + (this.getYear() % 100)); 
   
  str=str.replace(/MM/,this.getMonth()>=9?(parseInt(this.getMonth())+1).toString():'0' + (parseInt(this.getMonth())+1)); 
  str=str.replace(/M/g,(parseInt(this.getMonth())+1)); 
   
  str=str.replace(/w|W/g,Week[this.getDay()]); 
   
  str=str.replace(/dd|DD/,this.getDate()>9?this.getDate().toString():'0' + this.getDate()); 
  str=str.replace(/d|D/g,this.getDate()); 
   
  str=str.replace(/hh|HH/,this.getHours()>9?this.getHours().toString():'0' + this.getHours()); 
  str=str.replace(/h|H/g,this.getHours()); 
  str=str.replace(/mm/,this.getMinutes()>9?this.getMinutes().toString():'0' + this.getMinutes()); 
  str=str.replace(/m/g,this.getMinutes()); 
   
  str=str.replace(/ss|SS/,this.getSeconds()>9?this.getSeconds().toString():'0' + this.getSeconds()); 
  str=str.replace(/s|S/g,this.getSeconds()); 
   
  str=str.replace(/iii/g,this.getMilliseconds()<10?'00'+this.getMilliseconds():(this.getMilliseconds()<100?'0'+this.getMilliseconds():this.getMilliseconds())); 
   
  return str; 
} 

/** 
 * 字符串转成日期类型: 
 * dateStr:必选,日期字符串,如果无法解析成日期类型,返回null 
 * 格式: 
 * (1)yyyy/MM/dd:IE和FF通用 
 * (2)MM/dd/yyyy:IE和FF通用 
 * (3)MM-dd-yyyy:仅IE 
 * (4)yyyy-MM-dd:非IE,且时钟被解析在8点整 
 */ 
Date.stringToDate = function(dateStr) 
{ 
  if(!dateStr){ 
    alert("字符串无法解析为日期"); 
    return null; 
  }else{ 
    if(Date.isValiDate(dateStr,"yyyy/MM/dd")||Date.isValiDate(dateStr,"MM/dd/yyyy")){ 
      return new Date(Date.parse(dateStr)); 
    }else{ 
      if((!-[1,])){//IE 
        if(Date.isValiDate(dateStr,"MM-dd-yyyy")){ 
          return new Date(Date.parse(dateStr)); 
        }else{ 
          alert("字符串无法解析为日期"); 
          return null; 
        } 
      }else{//非IE 
        if(Date.isValiDate(dateStr,"yyyy-MM-dd")){ 
          return new Date(Date.parse(dateStr)); 
        }else{ 
          alert("字符串无法解析为日期"); 
          return null; 
        } 
      } 
    } 
  } 
  return null; 
} 

/** 
 * 计算两个日期的天数差: 
 * dateOne:必选,必须是Data类型的实例 
 * dateTwo:必选,必须是Data类型的实例 
 */ 
Date.daysBetween = function(dateOne,dateTwo) 
{ 
  if((dateOne instanceof Date)==false||(dateTwo instanceof Date)==false){ 
    return 0; 
  }else{ 
    return Math.abs(Math.floor((dateOne.getTime()-dateTwo.getTime())/1000/60/60/24)); 
  } 
} 

/** 
 * 日期计算:支持负数,即可加可减,返回计算后的日期 
 * num:必选,必须是数字,且正数是时期加,负数是日期减 
 * field:可选,标识是在哪个字段上进行相加或相减,字段见如下的约定。无此参数时,默认为d 
 * 约定如下格式: 
 * (1)Y/y 年 
 * (2)M 月 
 * (3)W/w 周 
 * (4)D/d 日 
 * (5)H/h 时 
 * (6)m 分 
 * (7)S/s 秒 
 * (8)Q/q 季 
 */ 
Date.prototype.dateAdd = function(num, field) 
{ 
  if((!num)||isNaN(num)||parseInt(num)==0){ 
    return this; 
  } 
  if(!field){ 
    field = "d"; 
  } 
  switch(field){ 
    case 'Y': 
    case 'y':return new Date((this.getFullYear()+num), this.getMonth(), this.getDate(), this.getHours(), this.getMinutes(), this.getSeconds());break; 
    case 'Q': 
    case 'q':return new Date(this.getFullYear(), (this.getMonth()+num*3), this.getDate(), this.getHours(), this.getMinutes(), this.getSeconds());break; 
    case 'M':return new Date(this.getFullYear(), this.getMonth()+num, this.getDate(), this.getHours(), this.getMinutes(), this.getSeconds());break; 
    case 'W': 
    case 'w':return new Date(Date.parse(this) + ((86400000 * 7) * num));break; 
    case 'D': 
    case 'd':return new Date(Date.parse(this) + (86400000 * num));break; 
    case 'H': 
    case 'h':return new Date(Date.parse(this) + (3600000 * num));break; 
    case 'm':return new Date(Date.parse(this) + (60000 * num));break; 
    case 'S': 
    case 's':return new Date(Date.parse(this) + (1000 * num));break; 
    default: return this; 
  } 
  return this; 
} 

/** 
 * 比较日期差:比较两个时期相同的字段,返回相差值 
 * dtEnd:必选,必须是Data类型的实例 
 * field:可选,标识是在哪个字段上进行比较,字段见如下的约定。无此参数时,默认为d 
 * 约定如下格式: 
 * (1)Y/y 年 
 * (2)M 月 
 * (3)W/w 周 
 * (4)D/d 日 
 * (5)H/h 时 
 * (6)m 分 
 * (7)S/s 秒 
 */ 
Date.prototype.dateDiff = function(dtEnd, field) 
{ 
  var dtStart = this; 
  if((dtEnd instanceof Date)==false){ 
    return 0; 
  }else{ 
    if(!field){ 
      field = "d"; 
    } 
    switch(field){ 
      case 'Y': 
      case 'y':return dtEnd.getFullYear() - dtStart.getFullYear();break; 
      case 'M':return (dtEnd.getMonth()+1)+((dtEnd.getFullYear()-dtStart.getFullYear())*12) - (dtStart.getMonth()+1);break; 
      case 'W': 
      case 'w':return parseInt((dtEnd - dtStart) / (86400000 * 7));break; 
      case 'D': 
      case 'd':return parseInt((dtEnd - dtStart) / 86400000);break; 
      case 'H': 
      case 'h':return parseInt((dtEnd - dtStart) / 3600000);break; 
      case 'm':return parseInt((dtEnd - dtStart) / 60000);break; 
      case 'S': 
      case 's':return parseInt((dtEnd - dtStart) / 1000);break; 
      default: return 0; 
    } 
    return 0; 
  } 
} 

/** 
 * 把日期分割成数组:按数组序号分别为:年月日时分秒 
 */ 
Date.prototype.toArray = function() 
{ 
  var myArray = new Array(); 
  myArray[0] = this.getFullYear(); 
  myArray[1] = this.getMonth(); 
  myArray[2] = this.getDate(); 
  myArray[3] = this.getHours(); 
  myArray[4] = this.getMinutes(); 
  myArray[5] = this.getSeconds(); 
  return myArray; 
} 

/** 
 * 取得日期数据信息: 
 * field:可选,标识是在哪个字段上进行比较,字段见如下的约定。无此参数时,默认为d 
 * (1)Y/y 年 
 * (2)M 月 
 * (3)W/w 周 
 * (4)D/d 日 
 * (5)H/h 时 
 * (6)m 分 
 * (7)S/s 秒 
 */ 
Date.prototype.datePart = function(field) 
{ 
  if(!field){ 
    field = "d"; 
  } 
  var Week = ['日','一','二','三','四','五','六']; 
  switch (field){ 
    case 'Y' : 
    case 'y' :return this.getFullYear();break; 
    case 'M' :return (this.getMonth()+1);break; 
    case 'W' : 
    case 'w' :return Week[this.getDay()];break; 
    case 'D' : 
    case 'd' :return this.getDate();break; 
    case 'H' : 
    case 'h' :return this.getHours();break; 
    case 'm' :return this.getMinutes();break; 
    case 's' :return this.getSeconds();break; 
    default:return this.getDate(); 
  } 
  return this.getDate(); 
}
Javascript 相关文章推荐
Javascript 继承机制实例
Aug 12 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
Feb 18 Javascript
浅析Bootstrap表格的使用
Jun 23 Javascript
addEventListener()与removeEventListener()解析
Apr 20 Javascript
vue bootstrap小例子一枚
Jun 09 Javascript
Vue实例中生命周期created和mounted的区别详解
Aug 25 Javascript
微信小程序页面生命周期详解
Jan 31 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
May 08 Javascript
小程序实现短信登录倒计时
Jul 12 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
Js制作点击输入框时默认文字消失的效果
Sep 05 #Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 #Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 #Javascript
javascript日期操作详解(脚本之家整理)
Sep 05 #Javascript
javascript中日期函数new Date()的浏览器兼容性问题
Sep 05 #Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
Sep 05 #Javascript
javascript 判断两个日期之差的示例代码
Sep 05 #Javascript
You might like
php 使用post,get的一种简洁方式
2010/04/25 PHP
php中全局变量global的使用演示代码
2011/05/18 PHP
PHP程序开发范例学习之表单 获取文本框的值
2011/08/08 PHP
autoPlay 基于jquery的图片自动播放效果
2011/12/07 Javascript
jQuery点击tr实现checkbox选中的方法
2013/03/19 Javascript
js中通过split函数分割字符串成数组小例子
2013/09/21 Javascript
javascript 寻找错误方法整理
2014/06/15 Javascript
浅谈javascript属性onresize
2015/04/20 Javascript
异步安全加载javascript文件的方法
2015/07/21 Javascript
jQuery实现点击小图显示大图代码分享
2015/08/25 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
2016/08/30 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
2016/11/23 Javascript
Angularjs中使用layDate日期控件示例
2017/01/11 Javascript
详谈Angular路由与Nodejs路由的区别
2017/03/05 NodeJs
详解VUE 定义全局变量的几种实现方式
2017/06/01 Javascript
基于node.js实现微信支付退款功能
2017/12/19 Javascript
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
JavaScript canvas实现雪花随机动态飘落
2020/02/08 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
2020/04/15 Javascript
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
Python使用urllib2获取网络资源实例讲解
2013/12/02 Python
python的urllib模块显示下载进度示例
2014/01/17 Python
python实现排序算法
2014/02/14 Python
遗传算法之Python实现代码
2017/10/10 Python
python实现简单中文词频统计示例
2017/11/08 Python
基于Python中capitalize()与title()的区别详解
2017/12/09 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
详解python中index()、find()方法
2019/08/29 Python
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
Java中有几种方法可以实现一个线程?用什么关键字修饰同步方法?stop()和suspend()方法为何不推荐使用?
2015/08/04 面试题
介绍一下#error预处理
2015/09/25 面试题
家长对老师的评语
2014/04/18 职场文书
我爱我家教学反思
2014/05/01 职场文书
家庭财产分割协议范文
2014/11/24 职场文书
撤诉申请书法院范本
2015/05/18 职场文书
教师年度考核自我评鉴
2015/08/11 职场文书