Vue使用moment格式化时间

1. 使用cnpm命令安装moment

	cnpm i moment   -S 

2. 在main.js中引入moment

	import Moment from "moment";
	import Vue from "vue";
	import App from "./App";
	// 定义全局时间戳过滤器
	Vue.filter("formatDate", function(value, format = "YYYY-MM-DD HH:mm:ss") {
	  return Moment(value).format(format);
	});
	Vue.config.productionTip = false;

3. 在组件中使用

	  

完整时间--{{ date | formatDate}}

年月日--{{ date | formatDate('YYYY年MM月DD日')}}

时分秒--{{ date | formatDate("HH时mm分ss秒")}}

4.项目开发中常用日期格式化方法

	moment().format('MMMM Do YYYY, h:mm:ss a'); // 二月 27日 2020, 4:00:37 下午
	moment().format('dddd');                    // 星期四
	moment().format("MMM Do YY");               // 2月 27日 20
	moment().format('YYYY [escaped] YYYY');     // 2020 escaped 2020
	moment().format();                          // 2020-02-27T16:00:37+08:00

5. 常用的日历时间方法

 	moment().subtract(10, 'days').calendar(); // 2020/02/17
	moment().subtract(6, 'days').calendar();  // 上星期五16:00
	moment().subtract(3, 'days').calendar();  // 上星期一16:00
	moment().subtract(1, 'days').calendar();  // 昨天16:00
	moment().calendar();                      // 今天16:00
	moment().add(1, 'days').calendar();       // 明天16:00
	moment().add(3, 'days').calendar();       // 下星期日16:00
	moment().add(10, 'days').calendar();      // 2020/03/08

你可能感兴趣的:(vue从入门到入坑)