Moment.js
JavaScript 日期处理类库。
Moment 被设计为在浏览器和 Node.js 中都能工作。
所有的代码都应该在这两种环境中都可以工作，并且所有的单元测试都应该在这两种环境中运行。
注意：在 2.4.0 中，全局的 moment 对象已被废弃。 它将会在下一个主版本中被删除。
常用语法
moment().format(); // 2013-02-04T10:35:24-08:00;
moment('2022-09-15 18:52:20').format() // 2022-09-15T18:52:20+08:00;
moment('2022-09-15 18:52:20').format('YYYY-MM-DD HH:mm:ss') // 2022-09-15 18:52:20;
复制代码安装
npm install moment
复制代码使用
在 vue 中：
// src/main.js:
import Vue from 'vue';
var moment = require('moment');
Vue.prototype.$moment = moment;
复制代码// src/demo.vue:
<template>
<div>
<p>{{ $moment(time).format('YYYY-MM-DD HH:mm:ss') }}</p>
</div>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
/**
* 格式化时间戳 YYYY-MM-DD HH:mm:ss;
*/
formateTime(time) {
return this.$moment(time).format('YYYY-MM-DD HH:mm:ss');
},
}
}
</script>
复制代码Day.js
Day.js是一个极简的 JavaScript 库，可以为现代浏览器解析、验证、操作和显示日期和时间。
优势
① 为什么使用 Day.js：文件大小只有2KB左右，下载、解析和执行的 JavaScript 更少，为代码留下更多的时间；
② 沙箱：所有更改 Day.js 对象的API操作都将返回一个新的实例。这有助于防止错误和避免长时间的调试会话；
③ 国际化：Day.js 对国际化有很大的支持。但是，除非您使用它们，否则它们都不会包含在您的构建中。
常用语法
dayjs( ) 参数默认值为 undefined，所以调用 dayjs(undefined) 就相当于调用 dayjs()。
dayjs().format(); // 2022-09-15T18:43:20+08:00;(默认是当地时间)
dayjs('2022-09-15 18:52:20').format() // 2022-09-15T18:52:20+08:00;
dayjs('2022-09-15 18:52:20').format('YYYY-MM-DD HH:mm:ss') // 2022-09-15 18:52:20;
dayjs('2022-09-15 18:52:20').format('YYYY-MM-DD') // 2022-09-15;
复制代码① var now = dayjs(); // 返回一个包含当前日期和时间的 Day.js对象;
② var now2 = dayjs(new Date()); // 等同于 ①;
③ var date1 = dayjs(time).format('YYYY'); // 返回日期 YYYY;
④ var date2 = dayjs(time).format('YYYY-MM'); // 返回日期 YYYY-MM;
⑤ var date3 = dayjs(time).format('YYYY-MM-DD'); // 返回日期 YYYY-MM-DD;
⑥ var date4 = dayjs(time).format('YYYY/MM'); // 返回日期 YYYY/MM;
⑦ var date5 = dayjs(time).format('YYYY/MM/DD'); // 返回日期 YYYY/MM/DD;
⑧ var dateTime = dayjs(time).format('YYYY-MM-DD HH:mm:ss'); // 返回日期时间 YYYY-MM-DD HH:mm:ss;
复制代码安装
要在您的 Node.js 项目中使用 Day.js，只需使用 NPM 安装。
npm install dayjs --save
复制代码使用
在 vue 中：
// src/main.js:
import Vue from 'vue';
import dayjs from 'dayjs'; // ES 2015
// 或 var dayjs = require('dayjs')
Vue.prototype.$day = dayjs;
复制代码// src/demo.vue:
<template>
<div>
<p>{{ $day(time).format('YYYY-MM-DD HH:mm:ss') }}</p>
</div>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
/**
* 格式化时间戳 YYYY-MM-DD HH:mm:ss;
*/
formateTime(time) {
return this.$day(time).format('YYYY-MM-DD HH:mm:ss');
},
}
}
</script>
复制代码拓展
Day.js 中文网