19--显示年月日时间戳、时分秒时间戳、星期几时间戳、年月日格式
发布时间
阅读量:
阅读量
common.js (unix时间戳)一般的日期后面不用*1000
//显示年月日时间戳
const timestampToYmd = timestamp =>{
let data = new Date(timestamp * 1000)
let year = data.getFullYear()
let month = data.getMonth()+1
let day = data.getDate()
return [year,month,day].map(formatNumber).join('-')
}
//时间戳 ->时分秒
const timestampToHis =timestamp =>{
let data = new Date(timestamp * 1000)
let hour = data.getHours()
let minute = data.getMinutes();
let second = data.getSeconds()
return [hour,minute,second].map(formatNumber).join(':')
}
//时间戳->星期几
const timestampToWeekday =timestamp =>{
let data = new Date(timestamp * 1000)
let day = data.getDay()
let weekday =['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
return weekday[day]
}
//补位
const formatNumber = n =>{
n = n.toString()
return n[1] ? n : '0' + n
}
// 返回年月日 str 2020-5-29 8:00
const formatYmd = function(str){
let date=new Date(str)
let year=date.getFullYear()
let month=date.getMonth() + 1
let day=date.getDay()
return [year,month,day].join('-')
}
export {
formatYmd,
timestampToHis,
timestampToWeekday,
timestampToYmd
}
引用方法1
在main.js里引入
import {formatYmd} from './common.js'
// 原型避免冲突 更改vue的原型,添加新的属性
Vue.prototype.$formatYmd = formatYmd
item['updatetime'] = this.$formatYmd(item['updatetime'])
引用方法2
<div class="left">
<span style='margin-right:5px;'>{{item.ymd}}</span>
<span>{{item.weekday}}</span>
<div style="color:#999;margin-top:5px;">{{item.his}}</div>
</div>
在本页引入
import {
timestampToHis,
timestampToWeekday,
timestampToYmd
} from '../../../common.js'
res.forEach(row => {
row['ymd'] = timestampToYmd(row['time'])
row['his'] = timestampToHis(row['time'])
row['weekday'] = timestampToWeekday(row['time'])
})
全部评论 (0)
还没有任何评论哟~
