时间格式工具函数的封装

LinDon_

已于 2023-04-14 11:37:39 修改

阅读量72

点赞数

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

于 2022-07-06 11:15:48 首次发布

本文链接：https://blog.csdn.net/weixin_46252229/article/details/125635844

版权

VUE 专栏收录该内容

59 篇文章 2 订阅

订阅专栏

                                                                                                                                                                                   timegs.js

export default function formatMsgTime (timespan) {
  var dateTime = new Date(timespan) // 将传进来的字符串或者毫秒转为标准时间
  var year = dateTime.getFullYear()
  var month = dateTime.getMonth() + 1
  var day = dateTime.getDate()
  var hour = dateTime.getHours()
  var minute = dateTime.getMinutes()
  // var second = dateTime.getSeconds()
  var millisecond = dateTime.getTime() // 将当前编辑的时间转换为毫秒
  var now = new Date() // 获取本机当前的时间
  var nowNew = now.getTime() // 将本机的时间转换为毫秒
  var milliseconds = 0
  var timeSpanStr
  milliseconds = nowNew - millisecond
  if (milliseconds <= 1000 * 60 * 1) { // 小于一分钟展示为刚刚
    timeSpanStr = '刚刚'
  } else if (1000 * 60 * 1 < milliseconds && milliseconds <= 1000 * 60 * 60) { // 大于一分钟小于一小时展示为分钟
    timeSpanStr = parseInt((milliseconds / (1000 * 60))) + '分钟前'
  } else if (1000 * 60 * 60 * 1 < milliseconds && milliseconds <= 1000 * 60 * 60 * 24) { // 大于一小时小于一天展示为小时
    timeSpanStr = parseInt(milliseconds / (1000 * 60 * 60))  + '小时前'
  } else if (1000 * 60 * 60 * 24 < milliseconds && milliseconds <= 1000 * 60 * 60 * 24 * 15) { // 大于一天小于十五天展示位天
    timeSpanStr = parseInt(milliseconds / (1000 * 60 * 60 * 24))  + '天前'
  } else if (milliseconds > 1000 * 60 * 60 * 24 * 15 && year === now.getFullYear()) {
    timeSpanStr = month + '-' + day + ' ' + hour + ':' + minute
  } else {
    timeSpanStr = year + '-' + month + '-' + day + ' ' + hour + ':' + minute
  }
  return timeSpanStr
}

                                                                                                                                                                                      mian.js
import Vue from 'vue'
import App from './App.vue'
import router from './router/router'
import store from './store'
import { parseTime } from './utils/index'
import formatMsgTime from './utils/timegs'
import './plugins/vant.js'
import 'lib-flexible'
import VueDND from 'awe-dnd'
Vue.config.productionTip = false
Vue.prototype.parseTime = parseTime
Vue.prototype.formatMsgTime = formatMsgTime

// 注册-拖拽组件
Vue.use(VueDND)

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

                                                                                                                                                                                    test.vue
   <p class="bg_box" >{{ formatMsgTime(item.createTime, '{y}-{m}-{d}') }} 由 {{item.createUserName}} 创建</p>