vue中使用moment.js设置日期格式

需求:
在这里插入图片描述
使用步骤:
1.npm安装

npm install moment --save

2.在main.js中导入并添加到vue的原型上

import moment from 'moment'//导入moment插件
Vue.prototype.$moment = moment;//添加到vue的原型上

//moment.locale('zh-cn');//如果需要汉化可自行添加

3.哪个组件需要使用就在哪个组件中导入

import moment from 'moment'

4.设置过滤器

filters:{
    
    
    datefilter:function(value){
    
    
      return moment(value).format('MMMM Do YYYY, hh:mm');
      //这里的日期格式可自定义
    }
  },

更多日期格式和语言包可参照官方文档: http://momentjs.cn/.

5.在html中使用

 <div class="time">{
    
    {
    
    item.release_time | datefilter}}</div>

猜你喜欢

转载自blog.csdn.net/oilpastell/article/details/106360164