no message

Former-commit-id: 9c99fa78c3e9d9453e748436f0145eb22284db16
Former-commit-id: 514ae0d6194941cd08584367b1970c2e610d99d5
Former-commit-id: beaede8116f4791cdf772b2848f849b04e1a6ee9
This commit is contained in:
liyang
2018-06-03 19:30:57 +08:00
parent 165ae5d6a2
commit 88bcdd6d6f
24 changed files with 1308 additions and 1 deletions

View File

@@ -0,0 +1,49 @@
# 时间差计算
``` js
import timeago from 'timeago.js'
export default {
data () {
return {
// 打开页面时间
openPageDate: new Date(),
// 打开页面已经过去的时间
openPageDateAgo: '',
// 打开页面时间计时器
dateTimeRangeTimer: null,
// 起止时间
dateTimeRange: [new Date(2018, 0, 1, 0, 0), new Date()],
// 上面起止时间的计算结果
dateTimeRangeAgo: ''
}
},
mounted () {
// 刷新打开页面过去的时间
this.refreshOpenPageDateAgo()
this.dateTimeRangeTimer = setInterval(this.refreshOpenPageDateAgo, 1000)
// 刷新起止时间的计算结果
this.refreshDateTimeRangeAgo()
},
beforeDestroy () {
// 清空计时器
clearInterval(this.dateTimeRangeTimer)
},
watch: {
dateTimeRange () {
// 刷新起止时间的计算结果
this.refreshDateTimeRangeAgo()
}
},
methods: {
// 计算打开页面过了多久
refreshOpenPageDateAgo () {
this.openPageDateAgo = timeago().format(this.openPageDate, 'zh_CN')
},
// 计算起止时间间隔
refreshDateTimeRangeAgo () {
const timeagoInstance = timeago(this.dateTimeRange[1])
this.dateTimeRangeAgo = timeagoInstance.format(this.dateTimeRange[0], 'zh_CN')
}
}
}
```