vue时间戳的处理
Gorgio_Liu 人气:0vue对时间戳的处理
1、自建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); };
2、在组件模板中引用定义好的时间戳函数
<template> <div>{{time | formatDate}}</div> </template>
3、设置好在script中的引用和定义
<script> import {formatDate} from 'xxx.js'; export default { filters: { formatDate(time) { var date = new Date(time); return formatDate(date, 'yyyy-MM-dd hh:mm'); } } } </script>
vue时间戳转换
后台拿时间数据,一般不是时间格式,而是一串数组,这个时候就需要转换,然后才可以使用了
add_time(row, column, cellValue, index) { if (cellValue == null || cellValue == "") return ""; let date = new Date(parseInt(cellValue) * 1000); let Y = date.getFullYear() + '-'; let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-'; let D = date.getDate() < 10 ? '0' + date.getDate() + ' ' : date.getDate() + ' '; let h = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':'; let m = date.getMinutes() < 10 ? '0' + date.getMinutes() + ':' : date.getMinutes() + ':'; let s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds(); return Y + M + D; },
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
加载全部内容