vue moment时间戳日期格式化组件

vue yekong

最近发现在做vue项目开发时日期时间格式化的情况很多,但是每次都需要再写一次时间格式化代码,很麻烦,所以干脆封装成一个简单的组件,下次直接引用传值就可以了。省事省心

/**
* @Author: 858834013@qq.com
* @Name: DateFormat
* @Date: 2022-01-16
* @Desc: 日期格式化
*/
<template>
  <div>
    {{ dataTime }}
  </div>
</template>

<script>
import moment from 'moment'

export default {
  name: 'DateFormat',
  components: {},
  props: {
    date: {
      type: String | Number,
      default() {
        return ''
      }
    },
    format: {
      type: String,
      default() {
        return 'YYYY-MM-DD HH:mm:ss'
      }
    }
  },
  computed: {
    dataTime: function() {
      var dataTime = ''
      if (this.date) {
        dataTime = moment(this.date).format(this.format)
      }
      return dataTime
    }
  }
}
</script>

<style lang="scss" scoped>

</style>

喜欢