1. Date 对象
1.1 Date 对象用于处理日期和时间。
1.2 创建 Date 对象的语法:
var myDate=new Date();
//注释:Date 对象会自动把当前日期和时间保存为其初始值。
- 1.3 属性 描述
constructor 返回对创建此对象的 Date 函数的引用。
prototype 使您有能力向对象添加属性和方法。
2. Date 对象常用方法
var myDate = new Date();
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.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( ); //获取日期与时间
3. Date的原型方法扩展
/**
* 日期时间脚本库方法列表:
* (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:取得日期数据信息
*/
3.1 日期合法性验证
/**
* 日期合法性验证:判断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;
}
//案例
alert(Date.isValiDate('aaaa-58-29','yyyy-MM-dd'));
3.2 时间合法性验证
/**
* 时间合法性验证:判断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;
}
//案例
alert(Date.isValiTime('23:59:59','hh:mm:ss'));
3.3 日期和时间合法性验证
/**
* 日期时间合法性验证函数,合法的格式包括(yyyy-mm-dd hh:mm)
* param str String 待验证的字符串
* return 如果合法,返回true
*/
function valiDateTime(str){
var reg = /^(\d+)-(\d{1,2})-(\d{1,2}) (\d{1,2}):(\d{1,2})$/;
var r = str.match(reg);
if(r==null)return false;
r[2]=r[2]-1;
var d= new Date(r[1], r[2],r[3], r[4],r[5]);
if(d.getFullYear()!=r[1])return false;
if(d.getMonth()!=r[2])return false;
if(d.getDate()!=r[3])return false;
if(d.getHours()!=r[4])return false;
if(d.getMinutes()!=r[5])return false;
return true;
}
//案例
document.write(valiDateTimes("2015-10-04 22:05"));
/**
* 日期时间合法性验证函数,合法的格式包括(yyyy-mm-dd hh:mm:ss)
* param str String 待验证的字符串
* return 如果合法,返回true
*/
function valiDateTimes(str){
var reg = /^(\d+)-(\d{1,2})-(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
var r = str.match(reg);
if(r==null)return false;
r[2]=r[2]-1;
var d= new Date(r[1], r[2],r[3], r[4],r[5], r[6]);
if(d.getFullYear()!=r[1])return false;
if(d.getMonth()!=r[2])return false;
if(d.getDate()!=r[3])return false;
if(d.getHours()!=r[4])return false;
if(d.getMinutes()!=r[5])return false;
if(d.getSeconds()!=r[6])return false;
return true;
}
//案例
document.write(valiDateTimes("2015-10-04 22:05:12"));
3.4 判断闺年
/**
* 判断闰年 :一般规律为:四年一闰,百年不闰,四百年再闰。
*/
Date.prototype.isLeapYear = function()
{
return (this.getYear()%4==0&&((this.getYear()%100!=0)||(this.getYear()%400==0)));
}
//案例
var mydate = new Date();
alert(mydate.isLeapYear());
date.setFullYear(2015)
alert(date.isLeapYear());
3.5 日期格式化
/**
* 日期格式化:
* 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;
}
//案例
document.write(new Date().format("yyyy-MM-dd hh:mm:ss"));
----------------------------------------------------------------
Date.prototype.format = function(format){
var o = {
"M+" : this.getMonth()+1, //month
"d+" : this.getDate(), //day
"h+" : this.getHours(), //hour
"m+" : this.getMinutes(), //minute
"s+" : this.getSeconds(), //second
"q+" : Math.floor((this.getMonth()+3)/3), //quarter
"S" : this.getMilliseconds() //millisecond
}
if(/(y+)/i.test(format)) {
format = format.replace(RegExp.$1,
(this.getFullYear()+"").substr(4 - RegExp.$1.length));
}
for(var k in o) {
if(new RegExp("("+ k +")").test(format)) {
format = format.replace(RegExp.$1,
RegExp.$1.length==1 ? o[k] : ("00"+
o[k]).substr((""+ o[k]).length));
}
}
return format;
}
alert(new Date().format("yyyy年MM月dd日"));
alert(new Date().format("yyyy年MM月dd日 hh时mm分ss秒"));
alert(new Date().format("yyyy-MM-dd hh:mm:ss"));
alert(new Date().format("yyyyMMdd hhmmss"));
3.6 字符串转成日期类型
/**
* 字符串转成日期类型:
* 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点整
*/
function stringToDate(DateStr)
{
var converted = Date.parse(DateStr);
var myDate = new Date(converted);
if (isNaN(myDate))
{
//var delimCahar = DateStr.indexOf('/')!=-1?'/':'-';
var arys= DateStr.split('-');
myDate = new Date(arys[0],--arys[1],arys[2]);
}
return myDate;
}
//案例
alert(stringToDate("2015-05-12"));
3.7 计算两个日期的天数差
/**
* 计算两个日期的天数差:
* dateOne:必选,必须是Data类型的实例
* dateTwo:必选,必须是Data类型的实例
*/
function daysBetween(DateOne,DateTwo)
{
var OneMonth = DateOne.substring(5,DateOne.lastIndexOf ('-'));
var OneDay = DateOne.substring(DateOne.length,DateOne.lastIndexOf ('-')+1);
var OneYear = DateOne.substring(0,DateOne.indexOf ('-'));
var TwoMonth = DateTwo.substring(5,DateTwo.lastIndexOf ('-'));
var TwoDay = DateTwo.substring(DateTwo.length,DateTwo.lastIndexOf ('-')+1);
var TwoYear = DateTwo.substring(0,DateTwo.indexOf ('-'));
var cha=((Date.parse(OneMonth+'/'+OneDay+'/'+OneYear)- Date.parse(TwoMonth+'/'+TwoDay+'/'+TwoYear))/86400000);
return Math.abs(cha);
}
//案例
alert(daysBetween("2016-07-03","2016-05-01"));
3.8 日期计算
/**
* 日期计算:支持负数,即可加可减,返回计算后的日期
* 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;
}
//案例
document.write(new Date().dateAdd("23","m"));
3.9 比较日期差
/**
* 比较日期差:比较两个时期相同的字段,返回相差值
* 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;
}
}
//案例
var d = new Date()
d.setFullYear(2016,10,3)
document.write(new Date().dateDiff(d,"d"));
3.10 日期分割成数组
/**
* 把日期分割成数组:按数组序号分别为:年月日时分秒
*/
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;
}
//案例
document.write(new Date().toArray());
3.11 取得日期数据信息
/**
* 取得日期数据信息:
* 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();
}
//案例
document.write(new Date().datePart("d"));
4. Date对象的应用
4.1 使用 getDay() 来显示星期,而不仅仅是数字
var d=new Date()
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"
document.write("今天是" + weekday[d.getDay()]);
4.2 网页时钟
<html>
<head>网页时钟</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
</script>
</html>
4.3 计算时间差(分钟)
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<h1>计算时间差</h1>
开始时间:<input type="text" value="" id="startTime" onBlur="calTimeDiff()"><br/><br/>
结束时间:<input type="text" value="" id="endTime" onBlur="calTimeDiff()"><br/><br/>
时间差(分钟):<span id="durationTime"></span>
<input type="button" onclick="calTimeDiff()" style="margin-left:40px;"><br/>
<script>
/**
* 计算时间差(分钟)
* startTime 开始时间
* endTime 结束时间
* 时间格式:YYYY-MM-DD HH:mm
*/
function calTimeDiff() {
var startTimeVal = $("#startTime").val();
var endTimeVal = $("#endTime").val();
if(""!=startTimeVal && ""!= endTimeVal){
var startTime_date = new Date(startTimeVal.replace(/-/g, "/"));
var endTime_date = new Date(endTimeVal.replace(/-/g, "/"));
var timeDiff = (endTime_date - startTime_date)/(1000*60);
if(timeDiff<=0) {
alert("开始时间晚于结束时间,请重新输入。");
} else {
$("#durationTime").text(timeDiff);
}
}
}
</script>
</body>
</html>
4.4 时间格式校验
/**
* 校验时间
* 时间格式:HH:mm H:mm H:m H HH
* 参数:i 输入框ID
*/
function checkTime(i){
alert();
var time = $("#"+i).val();
if(time.indexOf(':') > 0){
var reg = /^(0\d{1}|\d{1}|1\d{1}|2[0-3]):([0-5]\d{1}|\d{1})$/;
if(!time.match(reg)){
alert("请输入正确的时间格式HH:mm");
$("#"+i).val("");
}
}else{
var reg = /^(0\d{1}|\d{1}|1\d{1}|2[0-3])$/;
if(!time.match(reg)){
alert("请输入正确的时间格式HH:mm");
$("#"+i).val("");
}
}
}