传送门
Vue中 使用 moment.js 计算时间差值
Vue中 使用 moment.js 获取相关时间

安装插件:moment.js

npm install moment

format就是格式化函数,参数’YYYY-MM-DD HH:mm:ss’定义了返回日期的格式。
详情请看下图:
在这里插入图片描述

1 UTC(世界标准时间) 转 指定日期格式

2020-03-07T16:00:00.000Z 转 2020-03-08 00:00:00

<script>
export default { 
  methods:{
    formatTime(){
      var moment = require('moment');
      let date = '2020-03-07T16:00:00.000Z'
      let Ndate = moment(date).format('YYYY-MM-DD HH:mm:ss')
      console.log(Ndate)	// 2020-03-08 00:00:00
    }
  },
  beforeMount(){
    this.formatTime()
  }
}
</script>
2 本地时间 转 UTC(世界标准时间)

2020-03-08 00:00:00 转 2020-03-07T16:00:00.000Z

<script>
export default { 
  methods:{
    formatTime(){
      var moment = require('moment');
      const Ldate = "2020-03-08 00:00:00"
	  // 方法1:可能遇到在 iOS 上无法渲染组件的问题,请确认在创建 Date 对象时没有使用new Date('2020-01-01')这样的写法,iOS 不支持以中划线分隔的日期格式,正确写法是new Date('2020/01/01')。
	  // const Ndate = new Date(Ldate).toISOString();
	  // 方法2:(推荐)
	  const Ndate = moment(Ldate).utc().format(); 
      console.log(Ndate) // 2020-03-07T16:00:00.000Z
    }
  },
  beforeMount(){
    this.formatTime()
  }
}
</script>
3 UTC(世界标准时间) 转 GMT(格林威治时间)

2018-03-07T16:00:00.000Z 转 Thu Mar 08 2018 00:00:00 GMT+0800 (中国标准时间)

<script>
export default { 
  methods:{
    formatTime(){
      var moment = require('moment');
      let date = '2018-03-07T16:00:00.000Z'
      let localTime = moment.utc(date).toDate();
      console.log(localTime) // Thu Mar 08 2018 00:00:00 GMT+0800 (中国标准时间)
    }
  },
  beforeMount(){
    this.formatTime()
  }
}
</script>
4 GMT(格林威治时间) 转 UTC(世界标准时间)

Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间) 转 2020-03-07T16:00:00.000Z

<script>
export default { 
  methods:{
    formatTime(){
      var moment = require('moment');
      let Gdate = "Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间)"
      let Ndate = moment(Gdate).toISOString()
      console.log(Ndate) // 2020-03-07T16:00:00.000Z
    }
  },
  beforeMount(){
    this.formatTime()
  }
}
</script>
5 本地时间 转 GMT(格林威治时间)

2020-03-08 00:00:00 转 Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间)

<script>
export default { 
  methods:{
    formatTime(){
      let Ldate = "2020-03-08 00:00:00"
      let Ndate = new Date(Ldate)
      console.log(Ndate) // Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间)
    }
  },
  beforeMount(){
    this.formatTime()
  }
}
</script>
6 GMT(格林威治时间) 转 本地时间

Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间) 转 2020-03-08 00:00:00

<script>
export default { 
  methods:{
    formatTime(){
      var moment = require('moment');
      let Gdate = "Sun Mar 08 2020 00:00:00 GMT+0800 (中国标准时间)"
      let Ndate = moment(Gdate).format('YYYY-MM-DD HH:mm:ss')
      console.log(Ndate) // 2020-03-08 00:00:00
    }
  },
  beforeMount(){
    this.formatTime()
  }
}
</script>
7 1970-1-1 00:00:00 UTC 到日期对象的毫秒数 转 本地时间

1610180784000 转 2021-01-09 16:26:24

export default {
  methods:{
    formatTime(){
      var moment = require('moment');
      let time = new Date();                     // Sat Jan 09 2021 16:26:24 GMT+0800 (中国标准时间)
      let date = Date.parse(time);              //  1610180784000
      let Ndate = moment(date).format('YYYY-MM-DD HH:mm:ss');  
      console.log(Ndate);	               // 2021-01-09 16:26:24
    }
  },
  beforeMount(){
    this.formatTime()
  },
};
</script>
8 本地时间 转 1970-1-1 00:00:00 UTC 到日期对象的(毫)秒数

*2021-01-09 16:26:24 转 1610180784 1610180784000 *

<script>
export default {
  methods:{
    formatTime(){
      const moment = require('moment');
      const time = '2021-01-09 16:26:24';
      const secondTime = moment(time).unix(); // 秒(s)
      const millisecondTime = moment(time).valueOf(); // 毫秒(ms)
      console.log(secondTime,millisecondTime); // 1610180784 1610180784000	 
    }
  },
  mounted(){
    this.formatTime()
  },
};
</script>
Logo

前往低代码交流专区

更多推荐