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

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)

}

以上是 vue中如何将时间对象转换成字符串 的全部内容, 来源链接: utcz.com/z/374751.html

回到顶部