Vue 毫秒（秒）数值与日期转换

最新推荐文章于 2023-08-08 16:57:28 发布

Tiger_Paul

最新推荐文章于 2023-08-08 16:57:28 发布

阅读量4.7k

点赞数 1

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Tiger_Paul/article/details/123383578

版权

Vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1、将当前日期转换为毫秒或秒

// 转换为毫秒
info.create_time = Date.parse(new Date());

// 转换为秒
info.create_time = (Date.parse(new Date())/1000);

2、将毫秒或秒转换为日期

// 全局时间过滤器，将秒数转换为yyyy-m-d hh:mm:ss格式
Vue.filter('dateFormat', function (originVal){
  const dt = new Date(originVal * 1000)

  const y = dt.getFullYear()
  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (dt.getDate() + '').padStart(2, '0')
  const hh = (dt.getMonth() + '').padStart(2, '0')
  const mm = (dt.getMinutes() + '').padStart(2, '0')
  const ss = (dt.getSeconds() + '').padStart(2, '0')

  return `${y}-${m}-${d}-${hh}:${mm}:${ss}`
})


// 将毫秒数转换为yyyy-m-d hh:mm:ss格式，与上相同，只需要改这一句
  const dt = new Date(originVal)

3、页面调用：

<el-table-column prop="create_time" label="下单时间" width="200">
    <template v-slot="scope">
         {{scope.row.create_time | dateFormat}}
    </template>
</el-table-column>