JavaScript-Date对象 #21

zhnd · 2018-03-02T02:03:46Z

两个基础知识：

JavaScript内的时间戳指的是当前时间到1970年1月1日00:00:00 UTC对应的毫秒数;
标准时间:

GMT：格林威治标准时间，指位于英国伦敦郊区的皇家格林威治天文台的标准时间，由于地球的自转不规则，因此导致GMT时间有误差；
UTC：世界标准时间，

Date对象是JavaScript提供的日期和时间的操作接口。它可以表示的时间范围是，1970年1月1日00:00:00前后的各1亿天（单位为毫秒）。

Date()对象可以作为普通函数直接调用，无论有没有参数，总是返回当前时间。

`new Date()`构造函数

日期对象的创建，使用new操作符和Date构造函数：

  var now = new Date();

作为构造函数，如果不加参数，会返回代表当前时间的对象：

var now = new Date();
console.log(now);

// 2017-08-25T02:39:35.181Z

作为构造函数，Date()对象可以接收多种格式参数：

new Date(milliseconds)

Date对象接受从1970年1月1日00:00:00 UTC开始计算的毫秒数作为参数。这意味着如果将Unix时间戳（单位为秒）作为参数，必须将Unix时间戳乘以1000。

Date构造函数的参数可以是一个负数，表示1970年1月1日之前的时间。

new Date(1378218728000)
// Tue Sep 03 2013 22:32:08 GMT+0800 (CST)

// 1970年1月2日的零时
var Jan02_1970 = new Date(3600 * 24 * 1000);
// Fri Jan 02 1970 08:00:00 GMT+0800 (CST)

// 1969年12月31日的零时
var Dec31_1969 = new Date(-3600 * 24 * 1000);
// Wed Dec 31 1969 08:00:00 GMT+0800 (CST)

new Date(datestring)

Date对象还接受一个日期字符串作为参数，返回所对应的时间。所有可以被Date.parse()方法解析的日期字符串，都可以当作Date对象的参数。

new Date('January 6, 2013');

<!-- Date 2013-01-05T16:00:00.000Z -->

日期字符串的完整格式是“month day, year hours:minutes:seconds”，比如“December 25, 1995 13:30:00”。如果省略了小时、分钟或秒数，这些值会被设为0。

new Date(year, month [, day, hours, minutes, seconds, ms])

在多个参数的情况下，Date对象将其分别视作对应的年、月、日、小时、分钟、秒和毫秒。如果采用这种用法，最少需要指定两个参数（年和月），其他参数都是可选的，默认等于0。如果只使用年一个参数，Date对象会将其解释为毫秒数。

各个参数的取值范围为：

year：四位年份，如果写成两位数，则加上1900
month：表示月份，0表示一月，11表示12月
date：表示日期，1到31
hour：表示小时，0到23
minute：表示分钟，0到59
second：表示秒钟，0到59
ms：表示毫秒，0到999

上面的参数如果超出了范围，那么将进行自动折算，比如月份为15，将折算为下一年的4月。

上面的参数如果为负数，表示从基准扣除的时间。

年份如果是0到99，会自动加上1900。比如，0表示1900年，1表示1901年；如果为负数，则表示公元前。

日期的运算

类型转换时，Date对象的实例如果转为数值，则等于对应的毫秒数；如果转为字符串，则等于对应的日期字符串。所以，两个日期对象进行减法运算，返回的就是它们间隔的毫秒数；进行加法运算，返回的就是连接后的两个字符串。

var then = new Date(1993, 11, 02);
var now = new Date(2017, 8, 27);

console.log(now - then);
// 751680000000

console.log(now + then);
// Wed Sep 27 2017 00:00:00 GMT+0800 (CST)Thu Dec 02 1993 00:00:00 GMT+0800 (CST)?

Date对象的静态方法

`Date.now()`

now方法返回当前距离1970年1月1日00:00:00的毫秒数（Unix时间戳乘以1000）。。

console.log(Date.now());

`Date.parse()`

parse方法用来解析日期字符串，返回距离1970年1月1日 00:00:00的毫秒数

日期字符串的格式应该完全或者部分符合YYYY-MM-DDTHH:mm:ss.sssZ格式，Z表示时区，是可选的

如果传入Date.parse()方法的字符串不能表示日期，返回NaN

默认情况下，Date对象返回的都是当前时区的时间。

`Date.UTC()`

返回UTC时间。该方法接受年、月、日等变量作为参数，返回当前距离1970年1月1日 00:00:00 UTC的毫秒数。

Date实例对象的方法

Date实例对象一般分为3类：

to类：从Date对象返回一个字符串，表示指定的时间。
get类：获取Date对象的日期和时间。
set类：设置Date对象的日期和时间。

to类方法

`Date.prototype.toString()`

返回一个完整的日期字符串。

var now = new Date(2017, 8, 27);
console.log(now);
// 2017-09-26T16:00:00.000Z

console.log(now.toString());
// Wed Sep 27 2017 00:00:00 GMT+0800 (CST)

`Date.prototype.toUTCString()`

返回对应的UTC时间，也就是时区时间。

var now = new Date(2017, 8, 27);
console.log(now);
// 2017-09-26T16:00:00.000Z

console.log(now.toUTCString());
// Tue, 26 Sep 2017 16:00:00 GMT

`Date.prototype.toISOString()`

返回对应时间的ISO8601写法。返回的也是UTC时区时间。

var now = new Date(2017, 8, 27);
console.log(now);
// 2017-09-26T16:00:00.000Z

console.log(now.toISOString());
// 2017-09-26T16:00:00.000Z

`Date.prototype.toJSON()`

返回一个符合JSON格式的ISO格式的日期字符串，与toISOString方法的返回结果完全相同。

`Date.prototype.toDateString()`

返回日期字符串。

var now = new Date(2017, 8, 27);
console.log(now);
// 2017-09-26T16:00:00.000Z

console.log(now.toDateString());
// Wed Sep 27 2017

`Date.prototype.toTimeString()`

返回时间字符串。

var now = new Date(2017, 8, 27);
console.log(now);
// 2017-09-26T16:00:00.000Z

console.log(now.toTimeString());
// 00:00:00 GMT+0800 (CST)

`Date.prototype.toLocaleDateString()`

返回当地日期字符串。

var now = new Date(2017, 8, 27);
console.log(now);
// 2017-09-26T16:00:00.000Z

console.log(now.toLocaleDateString());
// 2017-9-27

get类方法

getTime()：返回距离1970年1月1日00:00:00的毫秒数，等同于valueOf方法。
getDate()：返回实例对象对应每个月的几号（从1开始）。
getDay()：返回星期几，星期日为0，星期一为1，以此类推。
getYear()：返回距离1900的年数。
getFullYear()：返回四位的年份。
getMonth()：返回月份（0表示1月，11表示12月）。
getHours()：返回小时（0-23）。
getMilliseconds()：返回毫秒（0-999）。
getMinutes()：返回分钟（0-59）。
getSeconds()：返回秒（0-59）。
getTimezoneOffset()：返回当前时间与UTC的时区差异，以分钟表示，返回结果考虑到了夏令时因素。

set类方法

setDate(date)：设置实例对象对应的每个月的几号（1-31），返回改变后毫秒时间戳。
setYear(year): 设置距离1900年的年数。
setFullYear(year [, month, date])：设置四位年份。
setHours(hour [, min, sec, ms])：设置小时（0-23）。
setMilliseconds()：设置毫秒（0-999）。
setMinutes(min [, sec, ms])：设置分钟（0-59）。
setMonth(month [, date])：设置月份（0-11）。
setSeconds(sec [, ms])：设置秒（0-59）。
setTime(milliseconds)：设置毫秒时间戳。

参考信息：《JavaScript 标准参考教程（alpha）》，by 阮一峰

小练习：

写一个函数getChIntv，获取从当前时间到指定日期的间隔时间

function getChIntv(datestr) {
  var targetDate = new Date(datestr);
  var curDate = new Date();
  var offset = Math.abs(targetDate - curDate);
  var totalSeconds = Math.floor(offset / 1000);
  var second = totalSeconds % 60;
  var totalMinutes = Math.floor(totalSeconds / 60);
  var minute = totalMinutes % 60;
  var totalHours = Math.floor(totalMinutes / 60);
  var hours = totalHours % 24;
  var days = Math.floor(totalHours / 24);

  return targetDate.toLocaleDateString() + ' 距离现在：' + days + '天' + hours + '小时' + minute + '分钟' + second + '秒';
}

var offectTime = getChIntv('2017, 7, 27');
console.log(offectTime);
// 2017-7-27 距离现在：31天13小时2分钟3秒

把hh-mm-dd格式数字日期改成中文日期

function getChsDate(inputDate) {
  var dict = ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二", "十三", "十四", "十五", "十六", "十七",
    "十八", "十九", "二十", "二十一", "二十二", "二十三", "二十四", "二十五", "二十六", "二十七", "二十八", "二十九", "三十",
    "三十一"
  ];
  var arr = inputDate.split('-'); //  从'-'处把字符串分割成字符串数组
  // [ '2017', '08', '27' ]

  var arrYear = arr[0].split(''); //  将年份分割成数组
  // [ '2', '0', '1', '7' ]

  var strYear = '';
  for (var i = 0; i < 4; i++) {
    strYear += dict[parseInt(arrYear[i])];
  }
  var strMonth = dict[parseInt(arr[1])];
  var strDate = dict[parseInt(arr[2])];
  return strYear + '年' + strMonth + '月' + strDate + '日';
}
var result = getChsDate('2017-08-27');
console.log(result);

写一个函数，参数为时间对象毫秒数的字符串格式，返回值为字符串。假设参数为时间对象毫秒数t，根据t的时间分别返回如下字符串:

刚刚（ t 距当前时间不到1分钟时间间隔）
3分钟前 (t距当前时间大于等于1分钟，小于1小时)
8小时前 (t 距离当前时间大于等于1小时，小于24小时)
3天前 (t 距离当前时间大于等于24小时，小于30天)
2个月前 (t 距离当前时间大于等于30天小于12个月)
8年前 (t 距离当前时间大于等于12个月)

function pastTime(inputTime) {
  var curTime = new Date();
  var nowTime = curTime.getTime();
  var offsetMinute = Math.floor((nowTime - inputTime) / 1000 / 60);

  var offsetTime;
  if (offsetMinute < 1) {
    offsetTime = '刚刚';
  } else if (offsetMinute < 60) {
    offsetTime = offsetMinute + '分钟前';
  } else if (offsetMinute < 1440) {
    offsetTime = Math.floor(offsetMinute / 60) + '小时前';
  } else if (offsetMinute < 43200) {
    offsetTime = Math.floor(offsetMinute / 60 / 24) + '天前';
  } else if (offsetMinute < 518400) {
    offsetTime = Math.floor(offsetMinute / 60 / 24 / 30) + '个月前';
  } else {
    offsetTime = Math.floor(offsetMinute / 60 / 24 / 30 / 12) + '年前';
  }
  return offsetTime;
}

var str = pastTime('1483200000000');
console.log(str);

The text was updated successfully, but these errors were encountered:

zhnd added the study note My learning record label Mar 2, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

JavaScript-Date对象 #21

JavaScript-Date对象 #21

zhnd commented Mar 2, 2018

JavaScript-Date对象 #21

JavaScript-Date对象 #21

Comments

zhnd commented Mar 2, 2018

new Date()构造函数

日期的运算

Date对象的静态方法

Date.now()

Date.parse()

Date.UTC()

Date实例对象的方法

to类方法

Date.prototype.toString()

Date.prototype.toUTCString()

Date.prototype.toISOString()

Date.prototype.toJSON()

Date.prototype.toDateString()

Date.prototype.toTimeString()

Date.prototype.toLocaleDateString()

get类方法

set类方法

`new Date()`构造函数

`Date.now()`

`Date.parse()`

`Date.UTC()`

`Date.prototype.toString()`

`Date.prototype.toUTCString()`

`Date.prototype.toISOString()`

`Date.prototype.toJSON()`

`Date.prototype.toDateString()`

`Date.prototype.toTimeString()`

`Date.prototype.toLocaleDateString()`