no message
Former-commit-id: 393b0dcb5b150dba8c885950b4e7ff014694b0a3 Former-commit-id: 474f4843c60b88e4caafcf172c30e47a07efd93b Former-commit-id: 8c7c236ef02b6ebe012640406ff1dc48e11c6290 Former-commit-id: 2baf360fdad8b6026a87bf379cf48e0e18d06bbb
This commit is contained in:
@@ -70,8 +70,7 @@ function sideBarPlugins () {
|
|||||||
'data-export',
|
'data-export',
|
||||||
'data-import',
|
'data-import',
|
||||||
'i18n',
|
'i18n',
|
||||||
'mock',
|
'mock'
|
||||||
'timeago'
|
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,49 +0,0 @@
|
|||||||
# 时间差计算
|
|
||||||
|
|
||||||
``` 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')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
@@ -32,7 +32,6 @@
|
|||||||
"path-posix": "^1.0.0",
|
"path-posix": "^1.0.0",
|
||||||
"quill": "^1.3.4",
|
"quill": "^1.3.4",
|
||||||
"simplemde": "^1.11.2",
|
"simplemde": "^1.11.2",
|
||||||
"timeago.js": "^3.0.2",
|
|
||||||
"vue": "^2.5.2",
|
"vue": "^2.5.2",
|
||||||
"vue-grid-layout": "^2.1.11",
|
"vue-grid-layout": "^2.1.11",
|
||||||
"vue-i18n": "^7.4.2",
|
"vue-i18n": "^7.4.2",
|
||||||
|
|||||||
@@ -41,8 +41,7 @@ const demoPlugins = {
|
|||||||
{ path: `${pre}build`, title: '环境区分' },
|
{ path: `${pre}build`, title: '环境区分' },
|
||||||
{ path: `${pre}clipboard-polyfill`, title: '剪贴板访问' },
|
{ path: `${pre}clipboard-polyfill`, title: '剪贴板访问' },
|
||||||
{ path: `${pre}day`, title: '日期计算' },
|
{ path: `${pre}day`, title: '日期计算' },
|
||||||
{ path: `${pre}js-cookie`, title: 'Cookie 读写' },
|
{ path: `${pre}js-cookie`, title: 'Cookie 读写' }
|
||||||
{ path: `${pre}timeago`, title: '时间差计算' }
|
|
||||||
])('/demo/plugins/')
|
])('/demo/plugins/')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,70 +0,0 @@
|
|||||||
<template>
|
|
||||||
<d2-container type="ghost">
|
|
||||||
<el-card shadow="never" class="d2-mb">
|
|
||||||
<div class="d2-text-center">
|
|
||||||
<h1 style="font-size: 30px;">您在{{openPageDateAgo}}打开的此页面</h1>
|
|
||||||
<p style="font-size: 10px;">请稍等一下 10秒后会开始自动刷新</p>
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
<el-card shadow="never">
|
|
||||||
<div class="d2-text-center">
|
|
||||||
<h1 style="font-size: 30px;">{{dateTimeRangeAgo}}</h1>
|
|
||||||
<el-date-picker
|
|
||||||
v-model="dateTimeRange"
|
|
||||||
type="datetimerange"
|
|
||||||
range-separator="至"
|
|
||||||
start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期">
|
|
||||||
</el-date-picker>
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
</d2-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
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')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@@ -64,8 +64,7 @@ const routes = [
|
|||||||
{ path: 'js-cookie', name: `${pre}js-cookie`, component: () => import('@/pages/demo/plugins/js-cookie/index.vue') },
|
{ path: 'js-cookie', name: `${pre}js-cookie`, component: () => import('@/pages/demo/plugins/js-cookie/index.vue') },
|
||||||
{ path: 'mock/ajax', name: `${pre}mock-ajax`, component: () => import('@/pages/demo/plugins/mock/ajax.vue') },
|
{ path: 'mock/ajax', name: `${pre}mock-ajax`, component: () => import('@/pages/demo/plugins/mock/ajax.vue') },
|
||||||
{ path: 'mock/dpd', name: `${pre}mock-dpd`, component: () => import('@/pages/demo/plugins/mock/dpd.vue') },
|
{ path: 'mock/dpd', name: `${pre}mock-dpd`, component: () => import('@/pages/demo/plugins/mock/dpd.vue') },
|
||||||
{ path: 'mock/dtd', name: `${pre}mock-dtd`, component: () => import('@/pages/demo/plugins/mock/dtd.vue') },
|
{ path: 'mock/dtd', name: `${pre}mock-dtd`, component: () => import('@/pages/demo/plugins/mock/dtd.vue') }
|
||||||
{ path: 'timeago', name: `${pre}timeago`, component: () => import('@/pages/demo/plugins/timeago/index.vue') }
|
|
||||||
])('demo-plugins-')
|
])('demo-plugins-')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user