首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

简单谈谈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 Date类型

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
Javascript读取cookie函数代码
Oct 16 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
Jun 10 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
Dec 16 Javascript
基于JavaScript实现网页倒计时自动跳转代码
Dec 28 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
May 14 Javascript
基于javascript的异步编程实例详解
Apr 10 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
Apr 22 Javascript
npm 更改默认全局路径以及国内镜像的方法
May 16 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
使用element-ui table expand展开行实现手风琴效果
Mar 15 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
Nov 12 Javascript
javascript实现切割轮播效果
Nov 28 Javascript
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
连接查询(1) Dijkstra(1) 数据合并(1) element-ui(1) Carbon(1) 优先队列(1) 模板引擎(1) pongo2(1) 逻辑函数(1) 动态代理(1)
You might like
PHP的单引号和双引号 字符串效率
2009/05/27 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
php把大写命名转换成下划线分割命名
2015/04/27 PHP
图片按比例缩放函数
2006/06/26 Javascript
用javascript获取地址栏参数
2006/12/22 Javascript
jQuery示例收集
2010/11/05 Javascript
基于jQuery的输入框在光标位置插入内容, 并选中
2011/10/29 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
javascript数组随机排序实例分析
2015/07/22 Javascript
Bootstrap 附加导航（Affix）插件实例详解
2016/06/01 Javascript
关于在Servelet中如何获取当前时间的操作方法
2016/06/28 Javascript
学习Node.js模块机制
2016/10/17 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
2016/11/16 Javascript
jQuery命名空间与闭包用法示例
2017/01/12 Javascript
JS实现按钮颜色切换效果
2020/09/05 Javascript
Express下采用bcryptjs进行密码加密的方法
2018/02/07 Javascript
解决vue页面DOM操作不生效的问题
2018/03/17 Javascript
小程序实现左右来回滚动字幕效果
2018/12/28 Javascript
Python循环语句之break与continue的用法
2015/10/14 Python
Python列表list内建函数用法实例分析【insert、remove、index、pop等】
2017/07/24 Python
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
python 处理telnet返回的More,以及get想要的那个参数方法
2019/02/14 Python
Python面向对象进阶学习
2019/05/21 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
简单了解python高阶函数map/reduce
2019/06/28 Python
Python实现获取当前目录下文件名代码详解
2020/03/10 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
django正续或者倒序查库实例
2020/05/19 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
AmazeUi Tree(树形结构) 应用小结
2020/08/17 HTML / CSS
我未来的职业规划范文
2014/01/11 职场文书
投标诚信承诺书
2014/05/26 职场文书
群众路线剖析材料
2014/09/30 职场文书
电子银行业务授权委托书
2014/10/10 职场文书
员工聘用合同范本
2015/09/21 职场文书
SQLyog的下载、安装、破解、配置教程（MySQL可视化工具安装）
2022/09/23 MySQL