JavaScript Date(日期)对象

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的原型方法扩展

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值