Date时间
javascript
// 时间戳
Date.now()
new Date().getTime();
new Date().valueOf()
// 设置时间
new Date("2019-06-16 07:55:55"); // Sun Jun 16 2019 07:55:55 GMT+0800 (中国标准时间)
// 时间格式化
date2 = new Date().toISOString().slice(0,10); // 2019-06-16
typeof date2 // 'object'
时间戳转标准时间
// 方法一
javascript
/*
** 时间戳转换成指定格式日期
** eg.
** dateFormat(1626750568413, 'Y年m月d日 H时i分')
** → "2021年07月20日 11时09分"
*/
const dateFormat = (timestamp, formats) => {
// formats格式包括
// 1. Y-m-d
// 2. Y-m-d H:i:s
// 3. Y年m月d日
// 4. Y年m月d日 H时i分s秒
formats = formats || 'Y-m-d';
let zero = function (value) {
if (value < 10) {
return '0' + value;
}
return value;
};
let myDate = timestamp? new Date(timestamp): new Date();
let year = myDate.getFullYear();
let month = zero(myDate.getMonth() + 1);
let day = zero(myDate.getDate());
let hour = zero(myDate.getHours());
let minite = zero(myDate.getMinutes());
let second = zero(myDate.getSeconds());
return formats.replace(/Y|m|d|H|i|s/ig, function (matches) {
return ({
Y: year,
m: month,
d: day,
H: hour,
i: minite,
s: second
})[matches];
});
};
// 方法二
const dateFormat = (timeStamp) => {
let date = new Date(timeStamp);
return date.getFullYear() + "年"
+ (date.getMonth() + 1).toString().padStart(2, 0) + "月"
+ (date.getDate()).toString().padStart(2, 0) + "日 "
+ (date.getHours()).toString().padStart(2, 0) + ":"
+ (date.getMinutes().toString().padStart(2, 0));
}
倒计时时间格式化
javascript
// timeStamp 是未来时间 减去 当前时间的差值
function format_time(timeStamp) {
// 计算各时间单位
let day = Math.floor(timeStamp / (24 * 3600 * 1000));
let hours = Math.floor((timeStamp % (24 * 3600 * 1000)) / (3600 * 1000));
let minutes = Math.floor((timeStamp % (3600 * 1000)) / (60 * 1000));
let seconds = Math.floor((timeStamp % (60 * 1000)) / 1000);
// 使用数组存储不同时间单位
let timeArr = [];
if (day) timeArr.push(`${day}天`);
if (hours) timeArr.push(`${hours}小时`);
if (minutes) timeArr.push(`${minutes}分`);
if (seconds) timeArr.push(`${seconds}秒`);
return timeArr.length ? timeArr.join('') : "时间到!";
}
// 测试示例
console.log(format_time(90061000)); // 输出: "1天1小时1分1秒"
距离现在多久
javascript
const SECOND = 1000
const MINUTE = SECOND * 60
const HOUR = MINUTE * 60
const DAY = HOUR * 24
function formatToInterval(timestamp) {
let now = Date.now()
let value = now - timestamp
value = value < 1 ? 1 : value
if (value < MINUTE) {
return Math.floor(value / SECOND) + '秒前'
}
if (value < HOUR) {
return Math.floor(value / MINUTE) + '分钟前'
}
if (value < DAY) {
return Math.floor(value / HOUR) + '小时前'
}
return format(timestamp, 'MM月DD日')
}
坑点
js
// 第1种
let date1 = '12/04/2021 00:00:00'
let time1 = new Date(date1)
console.log(time1)
//Mon Dec 04 2021 00:00:00 GMT+0800 (中国标准时间)
// 第2种
let date2 = '12/04/2021'
let time2 = new Date(date2)
console.log(time2)
//Mon Dec 04 2021 00:00:00 GMT+0800 (中国标准时间)
// 第3种
let date3 = '12-04-2021'
let time3 = new Date(date3)
console.log(time3)
//Mon Dec 04 2021 00:00:00 GMT+0800 (中国标准时间)
// 第4种 有bug
let date4 = '2021-12-04'
let time4 = new Date(date4)
console.log(time4)
//Mon Dec 04 2021 08:00:00 GMT+0800 (中国标准时间)
// 第5种
let date5 = '2021-12-4'
let time5 = new Date(date5)
console.log(time5)
//Mon Dec 04 2021 00:00:00 GMT+0800 (中国标准时间)
// 第6种
let date6 = '2021/12/4'
let time6 = new Date(date6)
console.log(time6)
//Mon Dec 04 2021 00:00:00 GMT+0800 (中国标准时间)
除了第四种 其他都能满足预期,第四种加上 00:00:00 也能满足预期。
探究
那么为什么默认是8点呢?有没有觉得8这个数字很值得关注,我们所在的时区是东八区,如果以GMT标准0点来算的话,在那个时间点,这里就是8点啊。
那我就可以这样理解了,创建时间时,它默认时间确实是0点,但是是以GMT为基准的,所以将其转换成本地时间就是8点。而/分割的字符串在创建时,则是以本地时区为基准。
那么为什么js会对不同分割的时间字符串进行不同处理呢?貌似是因为-分隔且具有前导0的日期字符串,会被解析成ISO格式的字符串,以GMT时区为基准,不过我也没看懂。
说人话就是 09-11这种是规范的 ISO 格式,转到本地时间就成 八点了。
兼容性问题
js
const sendDate = "2021-06-07 10:07:32"; // 这种在低版本 or ios上打印时间戳会出现 nan 的情况
sendDate = sendDate.replace(/-/g, "/"); // 得到 2021/06/07 10:07:32
sendDate.getTime()