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

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', functio

Tiger_Paul

4984人浏览 · 2022-03-09 18:04:18

Tiger_Paul · 2022-03-09 18:04:18 发布

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>