本文介绍了如何使用moment.js库进行时间戳转换、日期格式化、时间计算等操作，包括从Unix时间戳到本地时间的转换，获取当前年份的每周日期，计算日期间隔等。在Vue中配置和应用了moment.js进行日期处理，如加减时间、获取月份等，并展示了人性化的时间显示方式。
文章目录
下载
去官网下载
传送门
使用
转换unix时间戳
var date = moment(1448896064621).format('YYYY-MM-DD HH:mm:ss');
console.log(date)
这里不能用小写y，不支持，还是得参照官网文档来，另外如果用小写h就表示12小时制
uninx时间戳转换
时间戳与Unix时间戳相互转换其实很简单。因为时间戳是以毫秒为单位，而Unix时间戳是以秒为单位，所以可以得到一个公式：Unix时间戳=时间戳*1000，即时间戳=Unix时间戳/1000。那么转化的代码也很简单：
获取当前时间的unix时间戳
momnet().unix()
折线图横坐标显示
//获取一段时间内的moment集合
get timeRange() {
let current = this.currentUntil.clone();
let intervalType = this.currentDatasource.interval.type;
let unitOfTime: "hour" | "month" =
intervalType == IntervalType.HOURS ? "hour" : "month";
let timeRange: number = this.currentUntil.diff(
this.currentSince,
unitOfTime
);
let r = range(0, timeRange)
.map(hour => current.subtract(1, unitOfTime).clone())
.reverse();
return r;
}
//将moment转换为字符串
get timeRangeStrings() {
if (this.currentDatasource) {
let currentIntervalType = this.currentDatasource.interval.type;
let formatString =
currentIntervalType == IntervalType.HOURS
? "YYYY年MM月DD日HH时"
: "YYYY年MM月";
return this.timeRange.map(t => {
return t.format(formatString);
});
} else {
return [];
}
}
vue配置使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document<
最低0.47元/天 解锁文章
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
