JavaScript日期处理

一、Date类型

当讲述常见日期问题之前,先梳理一下Date类型的方式。 
ECMAScript中的Date类型使用自UTC(Coordinated in Universal
Time,国际协调时)1970年1月1日午夜(零时)始于通过的毫秒数来保存日期。

常用方法列表:

方法 描述
Date() 返回当日的日期和时间。
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth() 从 Date 对象返回月份 (0 ~ 11)。
getFullYear() 从 Date 对象以四位数字返回年份。
getHours() 返回 Date 对象的小时 (0 ~ 23)。
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。
parse() 返回1970年1月1日午夜到指定日期(字符串)的毫秒数。
setDate() 设置 Date 对象中月的某一天 (1 ~ 31)。
setMonth() 设置 Date 对象中月份 (0 ~ 11)。
setFullYear() 设置 Date 对象中的年份(四位数字)。
setHours() 设置 Date 对象中的小时 (0 ~ 23)。
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。
setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)。
setTime() 以毫秒设置 Date 对象。
toSource() 返回该对象的源代码。
toString() 把 Date 对象转换为字符串。
toTimeString() 把 Date 对象的时间部分转换为字符串。
toDateString() 把 Date 对象的日期部分转换为字符串。
toUTCString() 根据世界时,把 Date 对象转换为字符串。
toLocaleString() 根据本地时间格式,把 Date 对象转换为字符串。
toLocaleTimeString() 根据本地时间格式,把 Date 对象的时间部分转换为字符串。
toLocaleDateString() 根据本地时间格式,把 Date 对象的日期部分转换为字符串。
UTC() 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。
valueOf() 返回 Date 对象的原始值。

补充:

1. 格林威治时间是因位于英国伦敦郊区的皇格林尼治天文台的科班日,因为本初子午线被定义在经那里的经线。

new Date().getTimezoneOffset() / 60;    // -8,即英国的当地时间比中国的北京时间晚8小时

2. 足通过getUTCMonth、setUTCMonth等办法设置世界时之年景、月、日、时、分、秒、毫秒。

3. 管Date对象转化为字符串

new Date().toString();      // "Fri Aug 05 2016 11:54:25 GMT+0800 (CST)"
new Date().toDateString()   // "Fri Aug 05 2016"
new Date().toTimeString()   // "11:54:48 GMT+0800 (CST)"

4. 得到指定时间毫秒

// 2016年8月5日
Date.parse('08/05/2016');               // 1470326400000
new Date('08/05/2016').getTime();       // 1470326400000
Date.UTC(2016, 7, 5);                   // 1470355200000

UTC()方法被,月份从0开始还赢得的毫秒值是社会风气时(即要+8钟头)

老二、获取过去第n上的年月

/*
 * 获取过去的n天
 * @param data 过去的天数
 * @param date 指定日期
 */
function getBeforeDay(data, date) {
    var date = date || new Date(),
        timezone = "+08:00";    // 时区
    var now = setTimezone.call(date, timezone.replace(":",".")); // 获取指定时区的当前日期
    var beforeDay = new Date(Date.parse(now.toString()) - 86400000 * data);
    return format.call(beforeDay, "yyyy/MM/dd"); // 格式化日期
}

/**
 * 设置时区
 * @param tzn
 * @returns {setTimezone}
 */
function setTimezone(tzn) {
    // 返回指定日期与格林威治标准时间 (GMT) 的分钟差[注意,东时区为负值]
    tzn = tzn * 60 * -1;
    // 当前时间-相差毫秒数[注意,东时区为负值]
    this.setTime(this.getTime() - (tzn - this.getTimezoneOffset()) * 60 * 1000);
    return this;
}

/**
 * 日期格式化
 * @param format
 * @returns {*}
 */
function format (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+)/.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;
}

老三、获取指定月份的天命

方同样:日历字典表

/**
 * 获取指定月份的天数
 * 像月份、星期这样可列举且不易发生改变、数据项不是很大的,建议使用字典直接展现出来!!
 * @param year 年份,如:2016
 * @param month 月份,如:0(注意,遵循默认日历,从0开始)
 */
function getDaysInMonth (year, month) {
    return [31, (isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
}

/**
 * 判断是否为瑞年
 */
function isLeapYear(year) { 
    return ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0); 
}

法二:通过日历构造器

/**
 * 获取指定月份的天数
 * @param year 年份,如:2016
 * @param month 月份,如:0(注意,遵循默认日历,从0开始)
 */
function getDaysInMonth (year, month) {
    // 将天置为0,会获取其上个月的最后一天
    // 获取1月份的天数
    // new Date(2016, 2 , 0) ==> Mon Feb 29 2016 00:00:00 GMT+0800 (CST)
    var date = new Date(year, month + 1, 0);
    return date.getDate();
}

季、获取上单完美的始发时(上周一)&结束时(上星期)

艺术一样:获取本周先是龙,然后before(1)、before(7)

function getDayOfLastWeek(){
    var weekday = new Date().getDay();  // 获取当前是周几(周日:0)
        weekday = weekday === 0 ? 7 : weekday;
    var firstDay = getBeforeDay(weekday + 7 -1);
    var lastDay = getBeforeDay(weekday);
    return {
        lastWeekFirstDay: firstDay,
        lastWeekLastDay: lastDay
    };
}

五、获取上个月的开头时间以及了时间

/**
 * new Date(年, 月, 日)  ==> 月份从0开始
 */
function getDayOfLastMonth(){
    var date = new Date(),
        currentMonth = date.getMonth();
    return {
        lastMonthFirstDay: format.call(new Date(date.getFullYear(), currentMonth - 1, 1), "yyyy/MM/dd"),
        lastMonthLastDay: format.call(new Date(date.getFullYear(), currentMonth, 0), "yyyy/MM/dd")
    }
}

由于上述示范,可获当月的首先上同尾声一龙与指定月份的率先龙跟最后一天。

六、格外上心

消注意合理处理跨月、跨年的题目。

new Date(2016, 7, 32);  // Thu Sep 01 2016 00:00:00 GMT+0800 (CST)
new Date(2016, 12, 1);  // Sun Jan 01 2017 00:00:00 GMT+0800 (CST)