zoukankan      html  css  js  c++  java
  • js中关于date()的扩展

         做前端往往会碰到后台传过来的date数据不是需求所需要的样式,后台往往传timestamp类型的,传过来的值为“Mar 30, 2016 10:00:36 AM”格式的,可是页面需要显示“年-月-日”或者“年.月.日”或者“年-月-日 时:分:秒”,需求不同,展示效果不同。

         所以,碰到这种情况,就需要我们前端每次在js中转换,除了一些前端框架自带的format方法,(比如说miniUI),我们也可自己对date进行扩展,下面是总结的date数据的扩展,亲测,看代码:

    /*
     关于时间类型的扩展
     * */
    
    //Date.prototype.isLeapYear 判断闰年
    //Date.prototype.Format 日期格式化
    //Date.prototype.DateAdd 日期计算
    //Date.prototype.DateDiff 比较日期差
    //Date.prototype.toString 日期转字符串
    //Date.prototype.toArray 日期分割为数组
    //Date.prototype.DatePart 取日期的部分信息
    //Date.prototype.MaxDayOfDate 取日期所在月的最大天数
    //Date.prototype.WeekNumOfYear 判断日期所在年的第几周
    //StringToDate 字符串转日期型
    //IsValidDate 验证日期有效性
    //CheckDateTime 完整日期时间检查
    //daysBetween 日期天数差
    
    
    //---------------------------------------------------  
    // 判断闰年  
    //---------------------------------------------------  
    Date.prototype.isLeapYear = function()   
    {   
        return (0==this.getYear()%4&&((this.getYear()%100!=0)||(this.getYear()%400==0)));   
    }   
      
    //---------------------------------------------------  
    // 日期格式化  
    // 格式 YYYY/yyyy/YY/yy 表示年份  
    // MM/M 月份   当前月份为9时,返回8,所以使用时一定要加1
    // W/w 星期  
    // dd/DD/d/D 日期  
    // hh/HH/h/H 时间  
    // mm/m 分钟  
    // ss/SS/s/S 秒  
    //---------------------------------------------------  
    Date.prototype.Format = function(formatStr)   
    {   
        var str = formatStr;   
        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?this.getMonth().toString():'0' + this.getMonth());   
        str=str.replace(/M/g,this.getMonth());   
      
        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());   
      
        return str;   
    }   
      
    //+---------------------------------------------------  
    //| 求两个时间的天数差 日期格式为 YYYY-MM-dd   
    //+---------------------------------------------------  
    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);  
    }  
      
      
    //+---------------------------------------------------  
    //| 日期计算  
    //+---------------------------------------------------  
    Date.prototype.DateAdd = function(strInterval, Number) {  
        //第一个参数是指在提供的时间上加的是时,分,秒,年,月,日
        //第二个参数是指加的第一个参数的个数
        var dtTmp = this;  
        switch (strInterval) {   
            case 's' :return new Date(Date.parse(dtTmp) + (1000 * Number));//
            case 'n' :return new Date(Date.parse(dtTmp) + (60000 * Number));  //分钟
            case 'h' :return new Date(Date.parse(dtTmp) + (3600000 * Number));  //小时
            case 'd' :return new Date(Date.parse(dtTmp) + (86400000 * Number));  //
            case 'w' :return new Date(Date.parse(dtTmp) + ((86400000 * 7) * Number));//
            case 'q' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number*3, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());  //季度
            case 'm' :return new Date(dtTmp.getFullYear(), (dtTmp.getMonth()) + Number, dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());  //
            case 'y' :return new Date((dtTmp.getFullYear() + Number), dtTmp.getMonth(), dtTmp.getDate(), dtTmp.getHours(), dtTmp.getMinutes(), dtTmp.getSeconds());  //
        }  
    }  
      
    //+---------------------------------------------------  
    //| 比较日期差 dtEnd 格式为日期型或者有效日期格式字符串(Fri Sep 11 2015 10:23:59 GMT+0800)  
    //+---------------------------------------------------  
    Date.prototype.DateDiff = function(strInterval, dtEnd) {   
        var dtStart = this;  
        if (typeof dtEnd == 'string' )//如果是字符串转换为日期型  
        {   
            dtEnd = StringToDate(dtEnd);  
        }  
        switch (strInterval) {   
            case 's' :return parseInt((dtEnd - dtStart) / 1000);  //
            case 'n' :return parseInt((dtEnd - dtStart) / 60000);  //分钟
            case 'h' :return parseInt((dtEnd - dtStart) / 3600000);  //小时
            case 'd' :return parseInt((dtEnd - dtStart) / 86400000);  //
            case 'w' :return parseInt((dtEnd - dtStart) / (86400000 * 7)); //
            case 'm' :return (dtEnd.getMonth()+1)+((dtEnd.getFullYear()-dtStart.getFullYear())*12) - (dtStart.getMonth()+1);  //
            case 'y' :return dtEnd.getFullYear() - dtStart.getFullYear();  //
        }  
    }  
      
    //+---------------------------------------------------  
    //| 日期输出字符串,重载了系统的toString方法  
    //+---------------------------------------------------  
    Date.prototype.toString = function(showWeek)  
    {   
        var myDate= this;  
        var str = myDate.toLocaleDateString();  
        if (showWeek)  
        {   
            var Week = ['日','一','二','三','四','五','六'];  
            str += ' 星期' + Week[myDate.getDay()];  
        }  
        return str;  
    }  
      
    //+---------------------------------------------------  
    //| 日期合法性验证  
    //| 格式为:YYYY-MM-DD或YYYY/MM/DD  
    //+---------------------------------------------------  
    function IsValidDate(DateStr)   
    {   
        var sDate=DateStr.replace(/(^s+|s+$)/g,''); //去两边空格;   
        if(sDate=='') return true;   
        //如果格式满足YYYY-(/)MM-(/)DD或YYYY-(/)M-(/)DD或YYYY-(/)M-(/)D或YYYY-(/)MM-(/)D就替换为''   
        //数据库中,合法日期可以是:YYYY-MM/DD(2003-3/21),数据库会自动转换为YYYY-MM-DD格式   
        var s = sDate.replace(/[d]{ 4,4 }[-/]{ 1 }[d]{ 1,2 }[-/]{ 1 }[d]{ 1,2 }/g,'');   
        if (s=='') //说明格式满足YYYY-MM-DD或YYYY-M-DD或YYYY-M-D或YYYY-MM-D   
        {   
            var t=new Date(sDate.replace(/-/g,'/'));   
            var ar = sDate.split(/[-/:]/);   
            if(ar[0] != t.getYear() || ar[1] != t.getMonth()+1 || ar[2] != t.getDate())   
            {   
                //alert('错误的日期格式!格式为:YYYY-MM-DD或YYYY/MM/DD。注意闰年。');   
                return false;   
            }   
        }   
        else   
        {   
            //alert('错误的日期格式!格式为:YYYY-MM-DD或YYYY/MM/DD。注意闰年。');   
            return false;   
        }   
        return true;   
    }   
      
    //+---------------------------------------------------  
    //| 日期时间检查  
    //| 格式为:YYYY-MM-DD HH:MM:SS  
    //+---------------------------------------------------  
    function CheckDateTime(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;   
    }   
      
    //+---------------------------------------------------  
    //| 把日期分割成数组  
    //+---------------------------------------------------  
    Date.prototype.toArray = function()  
    {   
        var myDate = this;  
        var myArray = Array();  
        myArray[0] = myDate.getFullYear();   //获取完整的年份(4位,1970-????)
        myArray[1] = myDate.getMonth();    //获取当前月份(0-11,0代表1月)
        myArray[2] = myDate.getDate();   //获取当前日(1-31)
        myArray[3] = myDate.getHours();  //获取当前小时数(0-23)
        myArray[4] = myDate.getMinutes();   //获取当前分钟数(0-59)
        myArray[5] = myDate.getSeconds();   //获取当前秒数(0-59)
        return myArray;  
    }  
      
    //+---------------------------------------------------  
    //| 取得日期数据信息  
    //| 参数 interval 表示数据类型  
    //| y 年 m月 d日 w星期 ww周 h时 n分 s秒  
    //+---------------------------------------------------  
    Date.prototype.DatePart = function(interval)  
    {   
        var myDate = this;  
        var partStr='';  
        var Week = ['日','一','二','三','四','五','六'];  
        switch (interval)  
        {   
            case 'y' :partStr = myDate.getFullYear();break;  
            case 'm' :partStr = myDate.getMonth()+1;break;  
            case 'd' :partStr = myDate.getDate();break;  
            case 'w' :partStr = Week[myDate.getDay()];break;  
            case 'ww' :partStr = myDate.WeekNumOfYear();break;  
            case 'h' :partStr = myDate.getHours();break;  
            case 'n' :partStr = myDate.getMinutes();break;  
            case 's' :partStr = myDate.getSeconds();break;  
        }  
        return partStr;  
    }  
      
    //+---------------------------------------------------  
    //| 取得当前日期所在月的最大天数  
    //+---------------------------------------------------  
    Date.prototype.MaxDayOfDate = function()  
    {   
        var myDate = this;  
        var ary = myDate.toArray();  
        var date1 = (new Date(ary[0],ary[1]+1,1));  
        var date2 = date1.dateAdd(1,'m',1);  
        var result = dateDiff(date1.Format('yyyy-MM-dd'),date2.Format('yyyy-MM-dd'));  
        return result;  
    }  
      
    //+---------------------------------------------------  
    //| 取得当前日期所在周是一年中的第几周  
    //+---------------------------------------------------  
    Date.prototype.WeekNumOfYear = function()  
    {   
        var myDate = this;  
        var ary = myDate.toArray();  
        var year = ary[0];  
        var month = ary[1]+1;  
        var day = ary[2];  
        document.write('1');  
       // document.write('<script language=VBScript> 
    ');  
       // document.write('myDate = Date(''+month+'-'+day+'-'+year+'') 
    ');  
       // document.write('result = DatePart('ww', myDate) 
    ');  
       // document.write(' 
    ');  
       // return result; 
       return null;
    }  
      
    //+---------------------------------------------------  
    //| 字符串转成日期类型   
    //| 格式 MM/dd/YYYY MM-dd-YYYY YYYY/MM/dd YYYY-MM-dd  
    //+---------------------------------------------------  
    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;  
    }  
    
     
    
    //若要显示:当前日期加时间(如:2009-06-12 12:00)
    
    function CurentTime(){ 
            var now = new Date();
           
            var year = now.getFullYear();       //
            var month = now.getMonth() + 1;     //
            var day = now.getDate();            //
           
            var hh = now.getHours();            //
            var mm = now.getMinutes();          //
           
            var clock = year + "-";
           
            if(month < 10)
                clock += "0";
           
            clock += month + "-";
           
            if(day < 10)
                clock += "0";
               
            clock += day + " ";
           
            if(hh < 10)
                clock += "0";
               
            clock += hh + ":";
            if (mm < 10) clock += '0'; 
            clock += mm; 
            return(clock); 
    } 

    附测试代码:

    判断闰年

    function isLeapYear(){
         var myDate = new Date();
         console.log(myDate);//Fri Sep 11 2015 09:29:59 GMT+0800  Date类型数据
         isLeapYear = myDate.isLeapYear();//因isLeapYear在date.js中对Date类型的已经进行了扩展,直接调用
         console.log(isLeapYear);//返回结果为true或者为false
    }

    日期格式化

    function format(){
         var myDate = new Date();//Fri Sep 11 2015 09:29:59 GMT+0800  Date类型数据        
         // 格式 YYYY/yyyy/YY/yy 表示年份  
    //   var year = myDate.Format('YYYY');//2015
    //   var year = myDate.Format('yyyy');//2015
    //   var year = myDate.Format('YY');//15
         var year = myDate.Format('yy');//15
    //   console.log(year);
         // MM/M 月份  
    //   var month = myDate.Format('MM');//08,实际月份为9,使用时需要加1
         var month = myDate.Format('M');//8,实际月份为9,使用时需要加1
    //   console.log(month);
         // W/w 星期
    //   var week = myDate.Format('W');//五
         var week = myDate.Format('w');//
    //   console.log(week);
         // dd/DD/d/D 日期  
    //   var dd = myDate.Format('dd');//11
    //   var dd = myDate.Format('DD');//11
    //   var dd = myDate.Format('d');//11
         var dd = myDate.Format('D');//11
    //   console.log(dd);
         // hh/HH/h/H 时间  
         var hour = myDate.Format('hh');//09,当前的小时
         console.log(hour);
         // mm/m 分钟  
          // ss/SS/s/S 秒  
    }

    日期计算

    function dateAdd(){
       var myDate = new Date();//Fri Nov 2 2015 09:29:59 GMT+0800  Date类型数据       
       console.log(myDate.DateAdd('d',143));//Sun Oct 11 2015 10:11:09 GMT+0800,在原来的基础上加了一个月
    }

    比较日期差

    function datediff(){
       var myDate = new Date();//Fri Sep 11 2015 10:23:59 GMT+0800  Date类型数据    
       var endDate = 'Fri Sep 11 2015 10:29:59 GMT+0800';//Fri Sep 11 2015 10:29:59 GMT+0800  Date类型数据 
       console.log(myDate.DateDiff("n",endDate));//6
    }

    日期天数差

    function betweenDays(){
       //日期计算时的时间格式为 YYYY-MM-DD
       var firDate = "2015-09-11";
       var secDate = "2015-08-31";
       //    var daysBetween = ;
       console.log(daysBetween(firDate,secDate));//11天
    }

    其他的未测,有兴趣的可自行测试。有错误可指出,谢谢!

  • 相关阅读:
    poj 1860 Currency Exchange(最短路径的应用)
    poj 2965 The Pilots Brothers' refrigerator
    zoj 1827 the game of 31 (有限制的博弈论)
    poj 3295 Tautology (构造法)
    poj 1753 Flip Game(枚举)
    poj 2109 (贪心)
    poj 1328(贪心)
    Qt 对单个控件美化
    Qt 4基础
    Bash Shell
  • 原文地址:https://www.cnblogs.com/dingdong/p/5341538.html
Copyright © 2011-2022 走看看