【VUE 使用 moent.js 进行日期时间格式转换】

最新推荐文章于 2024-04-24 14:47:46 发布

小菜鸡一名来报道

最新推荐文章于 2024-04-24 14:47:46 发布

阅读量420

点赞数 10

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_57426442/article/details/135770801

版权

安装插件：moent.js

npm install moment --save

可以在main.js 中添加也可以在当前页引入

1 import moment from 'moment'  要在当前页 只要①就可以
2 Vue.prototype.moment = moment

UTC（世界标砖时间）转北京时间

<div>
    <!-- UTC时间格式转 -->
    <van-cell title="时间" value="内容">{{ moment(item._source['@timestamp']).format('YYYY-MM-DD hh:mm:ss') }}</van-cell> 
</div>

北京时间转 UTC

<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>