Advertisement

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)

还没有任何评论哟~