使用moment实现数字转秒数和递进分钟和小时

使用moment实现数字转秒数和递进分钟和小时

    • 效果图
    • 引用包
    • js

功能:不满一分钟展示秒数,满一分钟展示分秒,满一小时展示时分秒

效果图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

引用包

"moment": "^2.24.0",
"moment-duration-format": "^2.3.2"

js

import moment from 'moment'
import momentDurationFormatSetup from 'moment-duration-format'

formatDuration (val) {
  if (val < 60) { // 不满一分钟展示秒数
    return val
  } else if (val < 3600) { // 满一分钟展示分秒
    return moment.duration(val, 'seconds').format('mm:ss', {trim: false})
  } else { // 满一小时展示时分秒
    return moment.duration(val, 'seconds').format('HH:mm:ss', {trim: false})
  }
}

你可能感兴趣的:(前端,vue,前端,vue.js)