登陆可实现PC、移动端同步进度.
moment
JavaScript 日期处理类库
moment.js
主要用于处理时间,许多程序的第三方框架在一些时间处理上都会采用 moment.js
。
1. 使用
moment.js
在全局下以 moment
作为入口,提供了一系列时间相关的方法。
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.27.0/moment.min.js"></script>
<script>
var now = moment().calendar();
console.log(now); // 输出当前日历时间
</script>
现在的相对时间差需求非常常见,如下单时间,是 多少分钟前
,moment.js
提供了相对时间计算:
moment().startOf('hour').fromNow(); // 相对这个小时过去了多少分钟
var timestamp = 1593933593236; // 2020年7曰5日下午15点20分38秒
moment(timestamp).fromNow(); // 相对时间戳多久前
2. 国际化
上述例子发现输出的结果是英文的,显然是不适合在国内环境使用,moment.js
提供了国际化支持,在现有的库中,moment 支持的语言可以说是相对完备了。
通过引入对应的国际化资源(语言文件),来切换语言。
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.27.0/moment.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.27.0/locale/zh-cn.min.js"></script>
<script>
var now = moment().calendar();
console.log(now);// 输出当前日历时间
moment().startOf('hour').fromNow(); // 相对这个小时过去了多少分钟
var timestamp = 1593933593236; // 2020年7曰5日下午15点20分38秒
moment(timestamp).fromNow(); // 相对时间戳多久前
</script>
有关国际化的更多内容可以参考文档。
3. 小结
如果项目有大量处理时间的需求,可以考虑引入 moment.js
来处理。
- 还没有人评论,欢迎说说您的想法!