vue中如何将时间对象转换成字符串

借鉴element-admin中封装好的方法

import { parseTime } from '@/utils'
// 在utils目录下的index.js文件中，方法如下

/**

* Parse the time to string

* @param {(Object|string|number)} time

* @param {string} cFormat

* @returns {string}

*/

export function parseTime(time, cFormat) {

if (arguments.length === 0) {

return null

}

const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'

let date

if (typeof time === 'object') {

date = time

} else {

if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {

time = parseInt(time)

}

if ((typeof time === 'number') && (time.toString().length === 10)) {

time = time * 1000

}

date = new Date(time)

}

const formatObj = {

y: date.getFullYear(),

m: date.getMonth() + 1,

d: date.getDate(),

h: date.getHours(),

i: date.getMinutes(),

s: date.getSeconds(),

a: date.getDay()

}

const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {

let value = formatObj[key]

// Note: getDay() returns 0 on Sunday

if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }

if (result.length > 0 && value < 10) {

value = '0' + value

}

return value || 0

})

return time_str

}

使用如下

<span>{{ scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}</span> 

utils/index.js中还有其他有用的方法，比如生存唯一字符串等

/**
 * @returns {string}
 */
export function createUniqueString() {
  const timestamp = +new Date() + ''
  const randomNum = parseInt((1 + Math.random()) * 65536) + ''
  return (+(randomNum + timestamp)).toString(32)
}