当前位置: 代码迷 >> 综合 >> Vue框架—时间处理器—moment.js
  详细解决方案

Vue框架—时间处理器—moment.js

热度:78   发布时间:2023-12-14 19:01:53.0

                                   简单明了,一看就会,不绕弯子,才是王道!!!

1.安装

npm install moment --savecnpm install moment --saveyarn add moment --save

2.引入

在页面中直接引入就可以了

import moment from 'moment';moment.locale('zh-cn'); //这个是用来把区域设置为中国的

 这里还有一个小方法 :在main.js中引入并注册一个全局的过滤器。(使用如下方:)

安装之后再main.js里面引入和创建全局过滤器import moment from "moment";//定义全局过滤器实现日期格式化
Vue.filter("format", function(input, fmtstring) {// 使用momentjs这个日期格式化类库实现日期的格式化功能return moment(input).format(fmtstring);
});Vue.prototype.$moment = moment;
<span>{
   {time | format('YYYY-MM-DD HH:mm:ss')}}</span>

3.使用

<template><div class="home"><img alt="Vue logo" src="../assets/logo.png" /><HelloWorld msg="Welcome to Your Vue.js App" /></div>
</template><script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
import moment from "moment";
moment.locale("zh-cn");
export default {name: "Home",components: {HelloWorld,},data() {return {time: 19970228101212,};},mounted() {console.log(moment().format()); //获取当前时间console.log(moment(this.time).format('YYYY-MM-DD HH:mm:ss'));//格式化时间//取当天时间,以YYYY-MM-DD HH:mm:ss形式显示var now = moment().format("YYYY-MM-DD HH:mm:ss");console.log(now);//任意时间戳格式化,以YYYY-MM-DD HH:mm:ss形式显示var t1 = moment(1411641720000).format("YYYY-MM-DD HH:mm:ss");console.log(t1);//获取前一天日期,格式以YYYY-MM-DD形式显示var t11 = moment().day(0).format('YYYY-MM-DD');console.log(t11);//获取本周五日期,格式以YYYY-MM-DD形式显示var t12 = moment().weekday(5).format('YYYY-MM-DD');console.log(t12);//获取上周五日期,格式以YYYY-MM-DD形式显示var t13 = moment().weekday(-3).format('YYYY-MM-DD');console.log(t13);//获取当前年份、月份、日期var t14 = moment().year();var t15 = moment().month();//此处月份从0开始,当前月要+1var t16 = moment().date();console.log(`${t14}-${t15+1}-${t16}`);//例如:我想获取去年今天的完整日期,如:今天是2018-7-23,我要输出的是2017-7-23console.log(`${t14-1}-${t15+1}-${t16}`);//获取上个月今天的日期,格式以YYYY-MM-DD显示var t18 = moment().subtract(1, 'months').format('YYYY-MM-DD');console.log(t18);//获取上个月日期,格式以YYYY-MM显示var t19 = moment().subtract(1, 'months').format('YYYY-MM');console.log(t19);//获取前一天日期,格式以YYYY-MM-DD显示var t20 = moment().subtract(1, 'days').format('YYYY-MM-DD');console.log(t20);//获取去年今天的日期,格式以YYYY-MM-DD显示,即简便的获取去年今天日期的方法var t21 = moment().subtract(1, 'year').format('YYYY-MM-DD');console.log(t21);//获取两个小时之后的时间var t22 = moment().add(2,'hours').format('YYYY-MM-DD HH:mm:ss');console.log(t22);//例如:今天2018-7-23,获取到的时间是2018-7-18var t23 = moment().subtract(5, 'days').format('YYYY-MM-DD');console.log(t23);},
};
</script>