vue_cli自定义时间--moment插件

Posted 码妈

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue_cli自定义时间--moment插件相关的知识,希望对你有一定的参考价值。

vue_cli自定义时间

自定义时间–moment插件

安装命令

npm install --save moment  // 安装命令

在main.js中

import moment from 'moment'
Vue.use(moment)
Vue.prototype.moment = moment

在组件中

<template>
  <div class="parent">
    <div>moument自定义时间:{{moment(new Date()).format('YYYY-MM-DD')}}</div>
  </div>
</template>
<script>
export default {
  name: 'Parent',
  mounted () {
    const a = this.moment([2021, 4, 28]).month(3).format('YYYY-MM-DD') // 2021-04-28
    const b = this.moment([2021, 4, 28]).format('YYYY-MM-DD') // 2021-05-28
    const c = this.moment(new Date()).format('YYYY-MM-DD') // 2021-04-28
    console.log(a)
    console.log(b)
    console.log(c)
  }
}
</script>

结果
在这里插入图片描述

以上是关于vue_cli自定义时间--moment插件的主要内容,如果未能解决你的问题,请参考以下文章

vue_cli知识点个人总结--链接

vue_cli轮播图--swiper插件

vue_cli组件通信个人总结--完整代码

插件时间格式处理moment如何使用

【vue-cli】Moment插件

深入学习vue3 自定义插件指令