update Time
This commit is contained in:
梁灏
parent
42f644a31c
commit
eb37e68cd4
3 changed files with 132 additions and 4 deletions
|
|
@ -1,12 +1,16 @@
|
|||
<template>
|
||||
<div>
|
||||
<Time :time="1526552777" />
|
||||
<Time :time="1526608921" />
|
||||
<Time :time="1652839997" />
|
||||
<Time :time="ddd" />
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {};
|
||||
return {
|
||||
ddd: new Date('2018-01-01')
|
||||
};
|
||||
},
|
||||
computed: {},
|
||||
methods: {}
|
||||
|
|
|
|||
97
src/components/time/time.js
Normal file
97
src/components/time/time.js
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
const time = {
|
||||
getUnix (place) {
|
||||
const date = new Date();
|
||||
const timestamp = date.getTime(); // 得到的是毫秒
|
||||
|
||||
if (place === 's') { // 秒
|
||||
return Math.floor(timestamp / 1000);
|
||||
} else { // 毫秒
|
||||
return timestamp;
|
||||
}
|
||||
},
|
||||
getToday (place) {
|
||||
const today = new Date();
|
||||
const year = today.getFullYear();
|
||||
const month = today.getMonth() + 1;
|
||||
const day = today.getDate();
|
||||
const hours = 0;
|
||||
const mins = 0;
|
||||
const secs = 0;
|
||||
const datetime = year + '-' + month + '-' + day + ' ' + hours + ':' + mins + ':' + secs;
|
||||
let tmp_datetime = datetime.replace(/:/g,'-');
|
||||
tmp_datetime = tmp_datetime.replace(/ /g,'-');
|
||||
const arr = tmp_datetime.split('-');
|
||||
const now = new Date(Date.UTC(arr[0],arr[1]-1,arr[2],arr[3]-8,arr[4],arr[5]));
|
||||
|
||||
if (place === 's') {
|
||||
return parseInt(now.getTime() / 1000);
|
||||
} else {
|
||||
return parseInt(now.getTime());
|
||||
}
|
||||
},
|
||||
getYear (place) {
|
||||
const today = new Date();
|
||||
const year = today.getFullYear();
|
||||
const month = 0;
|
||||
const day = 1;
|
||||
const hours = 0;
|
||||
const mins = 0;
|
||||
const secs = 0;
|
||||
const datetime = year + '-' + month + '-' + day + ' ' + hours + ':' + mins + ':' + secs;
|
||||
let tmp_datetime = datetime.replace(/:/g,'-');
|
||||
tmp_datetime = tmp_datetime.replace(/ /g,'-');
|
||||
const arr = tmp_datetime.split('-');
|
||||
const now = new Date(Date.UTC(arr[0],arr[1]-1,arr[2],arr[3]-8,arr[4],arr[5]));
|
||||
if (place === 's') {
|
||||
return parseInt(now.getTime() / 1000);
|
||||
} else {
|
||||
return parseInt(now.getTime());
|
||||
}
|
||||
},
|
||||
getLastDate (time, type) {
|
||||
const unixtime = time * 1000;
|
||||
const date = new Date(unixtime);
|
||||
const month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1;
|
||||
const currentDate = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
|
||||
const hh = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
|
||||
const mm = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
|
||||
const ss = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
|
||||
|
||||
if (type === 'month') {
|
||||
return month + '-' + currentDate + ' ' + hh + ':' + mm;
|
||||
//return month + "-" + currentDate;
|
||||
} else {
|
||||
return date.getFullYear() + '-' + month + '-' + currentDate + ' ' + hh + ':' + mm;
|
||||
}
|
||||
},
|
||||
// 时间戳转详细时间，比如5分钟前
|
||||
getMagic (timestamp) {
|
||||
const now = this.getUnix('s'); //当前时间戳
|
||||
const today = this.getToday('s'); //今天0点时间戳
|
||||
const year = this.getYear('s'); //今年0点时间戳
|
||||
const timer = now - timestamp;
|
||||
|
||||
let tip = '';
|
||||
|
||||
if (timer <= 0) {
|
||||
tip = '刚刚';
|
||||
} else if (Math.floor(timer/60) <= 0) {
|
||||
tip = '刚刚';
|
||||
} else if (timer < 3600) {
|
||||
tip = Math.floor(timer/60) + '分钟前';
|
||||
} else if (timer >= 3600 && (timestamp - today >= 0) ) {
|
||||
tip = Math.floor(timer/3600) + '小时前';
|
||||
} else if (timer/86400 <= 31) {
|
||||
tip = Math.ceil(timer/86400) + '天前';
|
||||
} else if (timestamp - today < 0 && (timestamp - year >= 0)) {
|
||||
tip = this.getLastDate(timestamp, 'month');
|
||||
} else {
|
||||
tip = this.getLastDate(timestamp, 'year');
|
||||
}
|
||||
return tip;
|
||||
}
|
||||
};
|
||||
|
||||
export default function (timestamp) {
|
||||
return time.getMagic(timestamp / 1000);
|
||||
}
|
||||
|
|
@ -5,6 +5,7 @@
|
|||
import Vue from 'vue';
|
||||
const isServer = Vue.prototype.$isServer;
|
||||
import { oneOf } from '../../utils/assist';
|
||||
import Time from './time';
|
||||
|
||||
const prefixCls = 'ivu-time';
|
||||
|
||||
|
|
@ -12,7 +13,7 @@
|
|||
name: 'Time',
|
||||
props: {
|
||||
time: {
|
||||
type: [String, Number, Date],
|
||||
type: [Number, Date],
|
||||
required: true
|
||||
},
|
||||
type: {
|
||||
|
|
@ -51,7 +52,33 @@
|
|||
if (this.hash !== '') window.location.hash = this.hash;
|
||||
},
|
||||
setTime () {
|
||||
this.date = this.time;
|
||||
const type = typeof this.time;
|
||||
let time;
|
||||
|
||||
if (type === 'number') {
|
||||
const timestamp = this.time.toString().length > 10 ? this.time : this.time * 1000;
|
||||
time = (new Date(timestamp)).getTime();
|
||||
} else if (type === 'object') {
|
||||
time = this.time.getTime();
|
||||
}
|
||||
|
||||
if (this.type === 'relative') {
|
||||
this.date = Time(time);
|
||||
} else {
|
||||
const date = new Date(this.time);
|
||||
const year = date.getFullYear();
|
||||
const month = (date.getMonth() + 1) < 10 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1);
|
||||
const day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
|
||||
const hour = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
|
||||
const minute = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
|
||||
const second = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
|
||||
|
||||
if (this.type === 'datetime') {
|
||||
this.date = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
|
||||
} else if (this.type === 'date') {
|
||||
this.date = `${year}-${month}-${day}`;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue