vue 时间戳转换时间

vue 时间戳转换时间_第1张图片

默认的时间
在这里插入图片描述

点击打开时间选择器
在这里插入图片描述

使默认时间变为当前的是时间
在这里插入图片描述

vue 时间戳转换时间_第2张图片

在引入的mint-ui里加上 官方文档有 是点击确定按钮的事件
vue 时间戳转换时间_第3张图片

把获取的时间转换成我们需要的yyyy-mm-dd时间(也可以是yyyy-MM-dd hh:mm)
vue 时间戳转换时间_第4张图片
vue 时间戳转换时间_第5张图片

转换时间 的js

export function formatDate (date, fmt) {
    if (/(y+)/.test(fmt)) {
      fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
    }
    let o = {
      'M+': date.getMonth() + 1,
      'd+': date.getDate(),
      'h+': date.getHours(),
      'm+': date.getMinutes(),
      's+': date.getSeconds()
    }
    for (let k in o) {
      if (new RegExp(`(${k})`).test(fmt)) {
        let str = o[k] + ''
        fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : padLeftZero(str))
      }
    }
    return fmt
  }
  
  function padLeftZero (str) {
    return ('00' + str).substr(str.length)
  }

找个地方放就行
vue 时间戳转换时间_第6张图片

然后引入

vue 时间戳转换时间_第7张图片

再调用
在这里插入图片描述

你可能感兴趣的:(我的bug路,vue,mint-ui,vue项目常见问题)