vue-fliters (时间格式化)

vue-fliters  

记录下时间戳格式化，直接贴码

步骤1：    import  dataFliter from "@xxxxx.data.js"

步骤2：

export default {

data() {

          return {};

  },

filters: {//记得加在这里

     dataFliter

},

};

步骤3.使用 eg : <template><span>{{detailData.createTime | dataFliter('yyyy/MM/dd hh:mm')}}</span><／template>

 

data.js  文件如下

const dateFmt = (value, fmt) => {

if (value) {

value = new Date(value);

var o = {

'M+': value.getMonth() + 1, // 月份

'd+': value.getDate(), // 日

'h+': value.getHours(), // 小时

'm+': value.getMinutes(), // 分

's+': value.getSeconds(), // 秒

'q+': Math.floor((value.getMonth() + 3) / 3), // 季度

'S': value.getMilliseconds() // 毫秒

};

if (/(y+)/.test(fmt)) {

fmt = fmt.replace(RegExp.$1, (value.getFullYear() + '').substr(4 - RegExp.$1.length));

}

for (var k in o) {

if (new RegExp('(' + k + ')').test(fmt)) {

fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)));

}

}

return fmt;

}

};

export default dateFmt;

 

 

补充:  格式化 刚刚，2小时前等

msgTime.js

const fmtMsgTime = (timespan) => {

if (timespan) {

var dateTime = new Date(timespan)

var year = dateTime.getFullYear()

var month = dateTime.getMonth() + 1

var day = dateTime.getDate()

var hour = dateTime.getHours()

var minute = dateTime.getMinutes()

var second = dateTime.getSeconds()

var now = new Date()

// var nowNew = Date.parse(now.toDateString())

var nowNew = Date.parse(now)

var milliseconds = 0

var timeSpanStr

milliseconds = nowNew - timespan

if (milliseconds <= 1000 * 60 * 1) {

timeSpanStr = '刚刚'

} else if (1000 * 60 * 1 < milliseconds && milliseconds <= 1000 * 60 * 60) {

timeSpanStr = Math.round(milliseconds / (1000 * 60)) + '分钟前'

} else if (1000 * 60 * 60 * 1 < milliseconds && milliseconds <= 1000 * 60 * 60 * 24) {

timeSpanStr = Math.round(milliseconds / (1000 * 60 * 60)) + '小时前'

} else if (1000 * 60 * 60 * 24 < milliseconds && milliseconds <= 1000 * 60 * 60 * 24 * 15) {

timeSpanStr = Math.round(milliseconds / (1000 * 60 * 60 * 24)) + '天前'

} else if (milliseconds > 1000 * 60 * 60 * 24 * 15 && year === now.getFullYear()) {

timeSpanStr = month + '-' + day + ' ' + hour + ':' + minute

} else {

timeSpanStr = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second

}

return timeSpanStr

}

}

export default fmtMsgTime