`

js日期对象

阅读更多

整理一下js日期对象里面的一些知识点。

 

1、日期对象的初始化

 

参数形式有以下5种:

//前两种是字符串参数
1)new Date("month dd,yyyy hh:mm:ss");
2)new Date("month dd,yyyy");

//后三种是整数参数
3)new Date(yyyy,mth,dd,hh,mm,ss);

4)new Date(yyyy,mth,dd);
5)new Date(ms);

需要注意最后一种形式,参数表示的是需要创建的时间和 GMT时间1970年1月1日之间相差的毫秒数。

 

各个参数的含义如下:

month:用英文 表示月份名称,从January到December

mth:用整数表示月份,从0(1月)到11(12月)

dd:表示一个 月中的第几天,从1到31

yyyy:四位数表示的年份

hh:小时数,从0(午夜)到23(晚11点)

mm: 分钟数,从0到59的整数

ss:秒数,从0到59的整数

ms:毫秒数,为大于等于0的整数

 

示例:

new Date("January 12,2006 22:19:35");

new Date("January 12,2006");

new Date(2006,0,12,22,19,35);

new Date(2006,0,12);

new Date(1137075575000); 

 

2、格式化(format)

     方法一:

// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, 
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) 
// 例子: 
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 
// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18 
Date.prototype.Format = function (fmt) { //author: meizz 
    var o = {
        "M+": this.getMonth() + 1, //月份 
        "d+": this.getDate(), //日 
        "h+": this.getHours(), //小时 
        "m+": this.getMinutes(), //分 
        "s+": this.getSeconds(), //秒 
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
        "S": this.getMilliseconds() //毫秒 
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}调用: var time1 = new Date().Format("yyyy-MM-dd");var time2 = new Date().Format("yyyy-MM-dd HH:mm:ss");

 

      方法二:

<script language="javascript" type="text/javascript"> 
<!-- /** * 对Date的扩展,将 Date 转化为指定格式的String * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q)
    可以用 1-2 个占位符 * 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) * eg: * (new
    Date()).pattern("yyyy-MM-dd hh:mm:ss.S")==> 2006-07-02 08:09:04.423      
 * (new Date()).pattern("yyyy-MM-dd E HH:mm:ss") ==> 2009-03-10 二 20:09:04      
 * (new Date()).pattern("yyyy-MM-dd EE hh:mm:ss") ==> 2009-03-10 周二 08:09:04      
 * (new Date()).pattern("yyyy-MM-dd EEE hh:mm:ss") ==> 2009-03-10 星期二 08:09:04      
 * (new Date()).pattern("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18      
 */        
Date.prototype.pattern=function(fmt) {         
    var o = {         
    "M+" : this.getMonth()+1, //月份         
    "d+" : this.getDate(), //日         
    "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时         
    "H+" : this.getHours(), //小时         
    "m+" : this.getMinutes(), //分         
    "s+" : this.getSeconds(), //秒         
    "q+" : Math.floor((this.getMonth()+3)/3), //季度         
    "S" : this.getMilliseconds() //毫秒         
    };         
    var week = {         
    "0" : "/u65e5",         
    "1" : "/u4e00",         
    "2" : "/u4e8c",         
    "3" : "/u4e09",         
    "4" : "/u56db",         
    "5" : "/u4e94",         
    "6" : "/u516d"        
    };         
    if(/(y+)/.test(fmt)){         
        fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));         
    }         
    if(/(E+)/.test(fmt)){         
        fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]);         
    }         
    for(var k in o){         
        if(new RegExp("("+ k +")").test(fmt)){         
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));         
        }         
    }         
    return fmt;         
}       
     
var date = new Date();      
window.alert(date.pattern("yyyy-MM-dd hh:mm:ss"));
// -->
</script>

 

       方法三:

Date.prototype.format = function (mask) { 
    var d = this;

    var zeroize = function (value, length) {

            if (!length) length = 2;

            value = String(value);

            for (var i = 0, zeros = ''; i < (length - value.length); i++) {

                zeros += '0';

            }

            return zeros + value;

        };

    return mask.replace(/"[^"]*"|'[^']*'|/b ( ? : d {
        1, 4
    } | m {
        1, 4
    } | yy( ? : yy) ? | ([hHMstT]) / 1 ? | [lLZ]) / b / g, function ($0) {

        switch ($0) {

        case 'd':
            return d.getDate();

        case 'dd':
            return zeroize(d.getDate());

        case 'ddd':
            return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][d.getDay()];

        case 'dddd':
            return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][d.getDay()];

        case 'M':
            return d.getMonth() + 1;

        case 'MM':
            return zeroize(d.getMonth() + 1);

        case 'MMM':
            return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][d.getMonth()];

        case 'MMMM':
            return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][d.getMonth()];

        case 'yy':
            return String(d.getFullYear()).substr(2);

        case 'yyyy':
            return d.getFullYear();

        case 'h':
            return d.getHours() % 12 || 12;

        case 'hh':
            return zeroize(d.getHours() % 12 || 12);

        case 'H':
            return d.getHours();

        case 'HH':
            return zeroize(d.getHours());

        case 'm':
            return d.getMinutes();

        case 'mm':
            return zeroize(d.getMinutes());

        case 's':
            return d.getSeconds();

        case 'ss':
            return zeroize(d.getSeconds());

        case 'l':
            return zeroize(d.getMilliseconds(), 3);

        case 'L':
            var m = d.getMilliseconds();

            if (m > 99) m = Math.round(m / 10);

            return zeroize(m);

        case 'tt':
            return d.getHours() < 12 ? 'am' : 'pm';

        case 'TT':
            return d.getHours() < 12 ? 'AM' : 'PM';

        case 'Z':
            return d.toUTCString().match(/[A-Z]+$/);

            // Return quoted strings with the surrounding quotes removed      

        default:
            return $0.substr(1, $0.length - 2);

        }

    });

};

 

 

3、日期的加减

// Javascript 对时间的代号  
// 0-11数字表示1-12月: var a= new Date(2006,5,6) 结果是2006-6-6  
// 0-6表示星期  
// 1-31表示日期  
// 0-23小时  
// 0-59分钟,秒  
  
// 两个日期的差值(d1 - d2).  
function DateDiff(d1,d2){  
    var day = 24 * 60 * 60 *1000;  
try{      
        var dateArr = d1.split("-");  
   var checkDate = new Date();  
        checkDate.setFullYear(dateArr[0], dateArr[1]-1, dateArr[2]);  
   var checkTime = checkDate.getTime();  
    
   var dateArr2 = d2.split("-");  
   var checkDate2 = new Date();  
        checkDate2.setFullYear(dateArr2[0], dateArr2[1]-1, dateArr2[2]);  
   var checkTime2 = checkDate2.getTime();  
      
   var cha = (checkTime - checkTime2)/day;    
        return cha;  
    }catch(e){  
   return false;  
}  
}// end fun  
  
  
// 三、应用:  
<mce:script language="javascript" type="text/javascript"><!--  
var flag = Array();// 全局变量  
  
var start = "2009-01-01";  
var end = "2009-02-24";  
SetFlag(start,end);   
  
for(var i=0; i<flag.length; i++){  
   document.write(flag[i]+"/n/r");  
}  
  
// 设置周期内的日期(数组)  
function SetFlag(start,end){  
var cdate = Array();  
cdate = start.split("-");  
var cd = cdate[1]+"/"+cdate[2]+"/"+cdate[0];   
var dayNum = DateDiff(end,start);  
for(var i=0; i<=dayNum; i++){  
   flag.push(AddDays(cd,i));  
}  
}// end fun  
  
// 日期加上天数后的新日期.  
function AddDays(date,days){  
var nd = new Date(date);  
   nd = nd.valueOf();  
   nd = nd + days * 24 * 60 * 60 * 1000;  
   nd = new Date(nd);  
   // alert(nd.getFullYear() + "年" + (nd.getMonth() + 1) + "月" + nd.getDate() +  
    // "日");  
var y = nd.getFullYear();  
var m = nd.getMonth()+1;  
var d = nd.getDate();  
if(m <= 9) m = "0"+m;  
if(d <= 9) d = "0"+d;   
var cdate = y+"-"+m+"-"+d;  
return cdate;  
}  
// 两个日期的差值(d1 - d2).  
function DateDiff(d1,d2){  
    var day = 24 * 60 * 60 *1000;  
try{      
        var dateArr = d1.split("-");  
   var checkDate = new Date();  
        checkDate.setFullYear(dateArr[0], dateArr[1]-1, dateArr[2]);  
   var checkTime = checkDate.getTime();  
    
   var dateArr2 = d2.split("-");  
   var checkDate2 = new Date();  
        checkDate2.setFullYear(dateArr2[0], dateArr2[1]-1, dateArr2[2]);  
   var checkTime2 = checkDate2.getTime();  
      
   var cha = (checkTime - checkTime2)/day;    
        return cha;  
    }catch(e){  
   return false;  
}  
}

 

 

分享到:
评论

相关推荐

    Javascript 日期对象Date扩展

    解析常用的中文日期并返回日期对象。 add--日期加减操作。[注:此函数在上传时还存在一个BUG。请下载后把此函数内的第一行"var regExp = /^\d+$/;" 改为 "var regExp = /^([+-])?\d+$/;", 要不然就做不了减法。] ...

    js日期选择插件

    首先,我们来了解一下JavaScript日期对象(Date)。JavaScript内置的Date对象是处理日期和时间的核心,提供了丰富的构造函数、方法和属性来创建、操作和格式化日期。例如,`new Date()` 可以创建当前日期和时间的...

    js日期控件及使用方法

    1. **内置JavaScript日期对象** JavaScript提供了一个内置的`Date`对象,可以用于创建、操作和格式化日期。这个对象提供了丰富的属性(如`getFullYear()`、`getMonth()`、`getDate()`等)和方法(如`getFullYear()`...

    js日期对象兼容性的处理方法

    为了处理JavaScript日期对象的兼容性问题,尤其是针对IE浏览器,开发者需要了解如何编写能够兼容不同浏览器的代码。以下是一些处理JavaScript日期对象兼容性的知识点和方法。 首先,我们通常使用Date对象的构造函数...

    js日期控件js日期控件js日期控件

    一、JavaScript日期对象 在JavaScript中,内置的`Date`对象用于处理日期和时间。你可以通过创建新的Date实例来获取当前日期或设置特定日期: ```javascript var now = new Date(); // 获取当前日期和时间 var ...

    js实现日期列表 js实现日期列表

    ### 一、JavaScript日期对象的基本用法 在JavaScript中,`Date` 对象用于处理日期与时间。通过这个对象,我们可以获取和设置日期的不同部分,比如年份、月份、日等。同时,它还提供了计算两个日期之间的时间差以及...

    js日期控件,可以选择时间,很好用

    JavaScript日期对象(`Date`对象)是处理日期和时间的核心,它提供了许多方法来创建、格式化和操作日期。例如,`new Date()`可以创建当前日期和时间,`getFullYear()`、`getMonth()`、`getDate()`等方法可以获取年、...

    兼所有浏览器的js日期控件

    1. **JavaScript日期对象** JavaScript内置的Date对象提供了处理日期和时间的功能。你可以创建一个新的Date对象,获取当前时间,或者设置特定的日期。例如: ```javascript var date = new Date(); console.log...

    JS日期选择器(适用于文本框输入日期)

    核心知识点4:JavaScript日期对象 在JavaScript中,`Date`对象是处理日期和时间的基础。我们可以用它来生成新的日期实例,获取和设置年、月、日等信息。 ```javascript var date = new Date(); date.setDate(1); //...

    js日期日历控件

    一、JavaScript日期对象 在JavaScript中,Date对象是内置的类型,用于处理日期和时间。通过new Date()构造函数可以创建一个新的日期实例,或者传入特定的时间戳或日期字符串来初始化。Date对象提供了丰富的API,如...

    js 日期插件,支持中文,英文日期

    综上所述,这个"js 日期插件"涉及到了JavaScript日期处理、多语言支持、用户交互设计、事件处理、兼容性优化等多个方面,对于前端开发者来说是一个实用的工具。通过深入理解并使用这个插件,开发者可以更轻松地在...

    JavaScript动态选择日期

    二、JavaScript日期对象 JavaScript中的`Date`对象用于处理日期和时间。你可以创建一个新的日期实例,或者设置和获取日期的各个部分,如年、月、日等。例如: ```javascript var today = new Date(); var date = ...

    javascript 日期数字文本格式化

    这个主题主要涉及如何将日期对象转换为易读的字符串,以及如何对数字进行格式化,使其符合特定的显示标准。这篇博文"javascript 日期数字文本格式化"可能详细解释了如何使用自定义工具或库来实现这一功能。 首先,...

    好用的几个js 日期控件

    在这个“好用的几个js日期控件”压缩包中,包含了一个名为“jsCalendar”的文件,这很可能是一个开源的JavaScript日期选择库。下面我们将详细探讨JavaScript日期控件及其相关的知识点。 1. **JavaScript 日期对象**...

    JQ JS javascript 日期多选控件

    在JavaScript中,我们经常使用内置的Date对象来处理日期。Date对象允许我们创建、格式化和比较日期。例如,创建一个新日期实例可以这样写: ```javascript var currentDate = new Date(); ``` 二、jQuery与日期...

    js_日期控件

    通过理解以上知识点,开发者可以构建出功能强大、用户体验良好的JavaScript日期控件,满足各种应用场景的需求。在实际项目中,选择适合的库、考虑本地化、无障碍性和性能等因素,都是创建高效日期控件的关键步骤。

    js日期时间脚本.zip

    1. **JavaScript日期对象**: JavaScript中的`Date`对象是用于处理日期和时间的核心工具。创建一个`Date`对象实例可以表示当前时间(默认),也可以指定特定的日期和时间。例如: ```javascript var myDate = new...

    JavaScript日期对象(Date)基本用法示例

    主要介绍了JavaScript日期对象(Date)基本用法,结合实例形式较为详细的分析了JavaScript日期对象(Date)获取日期、时间戳、年月日、星期及日期比对等操作技巧,需要的朋友可以参考下

    JS中的日期对象及其重要案例

    JS中的日期对象及其重要案例

    js日期时间选择器代码.zip

    5. **JavaScript日期对象**:使用JavaScript内置的Date对象进行日期和时间的处理,如获取当前日期、比较日期、格式化日期字符串等。 6. **模块化编程**:可能采用了模块化或面向对象的设计模式,将日期时间选择器的...

Global site tag (gtag.js) - Google Analytics