Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。
日常开发中,通常会对时间进行下面这几个操作:比如获取时间,设置时间,格式化时间,比较时间等等。
官方网址:Moment.js官网
一、安装moment
可以使用安装命令:
npm install moment --save
直接安装moment
当然也可以直接下载moment.js
文件然后在项目中引入。
npm install moment --save
// 或者 yarn 命令
yarn add moment
二、直接在main.js文件中引入
在
main.js
文件中导入moment
,然后通过prototype
属性向Vue实例对象中添加属性或方法。
import moment from 'moment'
Vue.prototype.$moment = moment;
三、在组件中测试效果
在Vue组件中使用
moment
可以使用this.
继承,通过this.$moment()
就可以获取当前时间。如果你需要格式化获取到的时间格式,可以通过.format("YYYY-MM-DD")
方法来实现,里面的字符串为年月日的时间显示格式。
例如:
<template>
<div>{
{
time }}</div>
</template>
<script>
export default {
data() {
return {
time: this.$moment().format("YYYY-MM-DD hh:mm:ss"), // 获取当前时间
};
},