remove filters
Former-commit-id: 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 98be7f49932856173f0a00f4e5468dc65526e8eb [formerly 26298ed935e1cc1aae9f32c9804f96891580ef2f [formerly e08f36b9a1962a87627f2724461daee3de0328d2]]]]] Former-commit-id: 80510c9b7017652ed708f70250029b75eddadb7e Former-commit-id: 79a6a2fd8888c3405676ce27f885cf412ded620c Former-commit-id: 4b36db262aded966d5057abbf131b78cead537e8 [formerly e8feec2bca77df8842569f27df41948a27d4e02f] Former-commit-id: ae8bd6b3b7ed83fdcfea77cb1327e9168fddb1c0 Former-commit-id: 9f1fac3bef99b0d85f52f2460b2af7680e80adb6 Former-commit-id: 9a706d4aab904611166baaed08e4f652ed1df4d5 Former-commit-id: f9e14db9d3d4af13b7690ebebba21147abeb5281 Former-commit-id: c8df3e28690ffb971c58c5924f5fdc9350fc5c24
This commit is contained in:
@@ -1 +1 @@
|
||||
0ec40645fbaa948452267003c25548620961d85e
|
||||
2d1d8a6a7dab70bae911bb5cd7870ee1ddb3274e
|
||||
@@ -14,7 +14,6 @@
|
||||
"test:unit": "vue-cli-service test:unit"
|
||||
},
|
||||
"dependencies": {
|
||||
"@d2-admin/filters-dayjs": "^1.0.3",
|
||||
"@d2-projects/d2-crud": "^2.1.1",
|
||||
"@d2-projects/vue-table-export": "^1.0.1",
|
||||
"@d2-projects/vue-table-import": "^1.0.0",
|
||||
|
||||
@@ -1,3 +0,0 @@
|
||||
> 1%
|
||||
last 2 versions
|
||||
not ie <= 8
|
||||
21
packages/filters-date/.gitignore
vendored
21
packages/filters-date/.gitignore
vendored
@@ -1,21 +0,0 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw*
|
||||
@@ -1,5 +0,0 @@
|
||||
module.exports = {
|
||||
plugins: {
|
||||
autoprefixer: {}
|
||||
}
|
||||
}
|
||||
@@ -1,21 +0,0 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2018 李杨
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
@@ -1 +0,0 @@
|
||||
# filters-dayjs
|
||||
@@ -1,5 +0,0 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
'@vue/app'
|
||||
]
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
47e4015bc9c97a986599c62beab09671eb49f756
|
||||
@@ -1,18 +0,0 @@
|
||||
{
|
||||
"name": "@d2-admin/filters-dayjs",
|
||||
"version": "1.0.4",
|
||||
"main": "dist/@d2-admin/filters-dayjs.common.js",
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build --target lib --name @d2-admin/filters-dayjs --entry src/main.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"core-js": "^2.6.5",
|
||||
"dayjs": "^1.8.12",
|
||||
"vue": "^2.6.6"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "^3.0.0",
|
||||
"@vue/cli-service": "^3.0.0",
|
||||
"vue-template-compiler": "^2.5.21"
|
||||
}
|
||||
}
|
||||
@@ -1,86 +0,0 @@
|
||||
// 日期时间相关 filter
|
||||
// https://github.com/iamkun/dayjs/blob/master/docs/zh-cn/API-reference.md
|
||||
|
||||
import dayjs from 'dayjs'
|
||||
|
||||
// 对象代理
|
||||
const P = Day => {
|
||||
return new Proxy(Day, {
|
||||
get (target, key) {
|
||||
if (dayjs.isDayjs(target)) {
|
||||
// 是 Dayjs 对象,正常返回
|
||||
return target[key]
|
||||
} else {
|
||||
// 不是 Dayjs 对象
|
||||
if (dayjs(target).isValid()) {
|
||||
// 尝试帮用户解析成 Dayjs 对象
|
||||
return dayjs(target)[key]
|
||||
} else {
|
||||
// 无法解析
|
||||
return function () {
|
||||
return '无效日期'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
set (target, key, value) {
|
||||
target[key] = value
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export default {
|
||||
// ---------- [ dayjs 解析 ] ----------
|
||||
// 时间字符串 | Date 对象 | Unix 时间戳 (毫秒)
|
||||
day: value => dayjs(value),
|
||||
// Unix 时间戳 (秒)
|
||||
date_unix: value => dayjs.unix(value),
|
||||
// ---------- [ 获取 ] ----------
|
||||
date_year: Day => P(Day).year(),
|
||||
date_month: Day => P(Day).month(),
|
||||
date_date: Day => P(Day).date(),
|
||||
date_day: Day => P(Day).day(),
|
||||
date_hour: Day => P(Day).hour(),
|
||||
date_minute: Day => P(Day).minute(),
|
||||
date_second: Day => P(Day).second(),
|
||||
date_millisecond: Day => P(Day).millisecond(),
|
||||
// ---------- [ 设置 ] ----------
|
||||
// date | day | month | year | hour | minute | second | millisecond
|
||||
// 对大小写不敏感
|
||||
date_set: (Day, unit, value) => P(Day).set(unit, value),
|
||||
// ---------- [ 操作 ] ----------
|
||||
// 增加
|
||||
date_add: (Day, value, unit) => P(Day).add(value, unit),
|
||||
// 减少
|
||||
date_subtract: (Day, value, unit) => P(Day).subtract(value, unit),
|
||||
// 开头时间
|
||||
date_startof: (Day, unit) => P(Day).startOf(unit),
|
||||
// 末尾时间
|
||||
date_endof: (Day, unit) => P(Day).endOf(unit),
|
||||
// ---------- [ 显示 ] ----------
|
||||
// 格式化
|
||||
date_format: (Day, setting = 'YYYY-MM-DD HH:mm:ss') => P(Day).format(setting),
|
||||
// 时间差
|
||||
date_diff: (Day, Day2 = '', unit = 'millisecond', accurate = false) => P(Day).diff(dayjs(Day2), unit, accurate),
|
||||
// Unix 时间戳 (毫秒)
|
||||
date_value_millisecond: Day => P(Day).valueOf(),
|
||||
// Unix 时间戳 (秒)
|
||||
date_value_second: Day => P(Day).unix(),
|
||||
// 月份的天数
|
||||
date_days_in_month: Day => P(Day).daysInMonth(),
|
||||
// Date 对象
|
||||
date_to_date: Day => P(Day).toDate(),
|
||||
// JSON
|
||||
date_to_json: Day => P(Day).toJSON(),
|
||||
// ISO8601 格式
|
||||
date_to_iso: Day => P(Day).toISOString(),
|
||||
// 字符
|
||||
date_to_string: Day => P(Day).toString(),
|
||||
// ---------- [ 查询 ] ----------
|
||||
// 是否之前
|
||||
date_is_before: (Day, Day2, unit = 'millisecond') => P(Day).isBefore(dayjs(Day2), unit),
|
||||
// 是否之后
|
||||
date_is_after: (Day, Day2, unit = 'millisecond') => P(Day).isAfter(dayjs(Day2), unit),
|
||||
// 是否相同
|
||||
date_is_same: (Day, Day2, unit = 'millisecond') => P(Day).isSame(dayjs(Day2), unit)
|
||||
}
|
||||
@@ -1,15 +0,0 @@
|
||||
import filters from './filters'
|
||||
|
||||
const vueFiltersDate = {
|
||||
install: function (Vue, options) {
|
||||
Object.keys(filters).forEach(name => {
|
||||
Vue.filter(name, filters[name])
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof window !== 'undefined' && window.Vue) {
|
||||
window.Vue.use(vueFiltersDate)
|
||||
}
|
||||
|
||||
export default vueFiltersDate
|
||||
@@ -1 +0,0 @@
|
||||
a22be8771a915cf974e7b76a1469d8f57f976f1c
|
||||
@@ -25,8 +25,6 @@ import VueUeditorWrap from 'vue-ueditor-wrap'
|
||||
// [ 可选插件 ] 数据导入导出
|
||||
import pluginExport from '@d2-projects/vue-table-export'
|
||||
import pluginImport from '@d2-projects/vue-table-import'
|
||||
// [ 可选过滤器 ] 日期相关过滤器
|
||||
import d2VueFiltersDayjs from '@d2-admin/filters-dayjs'
|
||||
|
||||
// 菜单和路由设置
|
||||
import router from './router'
|
||||
@@ -43,7 +41,6 @@ Vue.use(contentmenu)
|
||||
Vue.use(vueJsonTreeView)
|
||||
Vue.use(pluginExport)
|
||||
Vue.use(pluginImport)
|
||||
Vue.use(d2VueFiltersDayjs)
|
||||
Vue.component('d2-grid-layout', GridLayout)
|
||||
Vue.component('d2-grid-item', GridItem)
|
||||
Vue.component('SplitPane', SplitPane)
|
||||
|
||||
@@ -6,8 +6,6 @@ import demoComponents from './modules/demo-components'
|
||||
import demoCharts from './modules/demo-charts'
|
||||
// 组件库
|
||||
import demoElement from './modules/demo-element'
|
||||
// 组件库
|
||||
import demoFilters from './modules/demo-filters'
|
||||
// 试验台
|
||||
import demoPlayground from './modules/demo-playground'
|
||||
// 示例
|
||||
@@ -23,7 +21,6 @@ export const menuAside = [
|
||||
demoPlugins,
|
||||
demoCharts,
|
||||
demoElement,
|
||||
demoFilters,
|
||||
demoPlayground,
|
||||
demoBusiness,
|
||||
demoD2Crud,
|
||||
@@ -43,7 +40,6 @@ export const menuHeader = [
|
||||
children: [
|
||||
demoD2Crud,
|
||||
demoComponents,
|
||||
demoFilters,
|
||||
demoElement,
|
||||
demoCharts,
|
||||
demoPlugins,
|
||||
|
||||
@@ -1,9 +0,0 @@
|
||||
export default {
|
||||
path: '/demo/filters',
|
||||
title: '内置过滤器',
|
||||
icon: 'flask',
|
||||
children: (pre => [
|
||||
{ path: `${pre}index`, title: '内置过滤器', icon: 'home' },
|
||||
{ path: `${pre}day`, title: '日期和时间', icon: 'calendar' }
|
||||
])('/demo/filters/')
|
||||
}
|
||||
@@ -1,28 +0,0 @@
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
|
||||
// 由于懒加载页面太多的话会造成webpack热更新太慢,所以开发环境不使用懒加载,只有生产环境使用懒加载
|
||||
const _import = require('@/libs/util.import.' + process.env.NODE_ENV)
|
||||
|
||||
const meta = { auth: true }
|
||||
|
||||
export default {
|
||||
path: '/demo/filters',
|
||||
name: 'demo-filters',
|
||||
meta,
|
||||
redirect: { name: 'demo-filters-index' },
|
||||
component: layoutHeaderAside,
|
||||
children: (pre => [
|
||||
{
|
||||
path: 'index',
|
||||
name: `${pre}index`,
|
||||
component: _import('demo/filters/index'),
|
||||
meta: { ...meta, title: '过滤器首页' }
|
||||
},
|
||||
{
|
||||
path: 'day',
|
||||
name: `${pre}day`,
|
||||
component: _import('demo/filters/day'),
|
||||
meta: { ...meta, title: '日期和时间' }
|
||||
}
|
||||
])('demo-filters-')
|
||||
}
|
||||
@@ -5,7 +5,6 @@ import plugins from './modules/plugins'
|
||||
import charts from './modules/charts'
|
||||
import components from './modules/components'
|
||||
import element from './modules/element'
|
||||
import filters from './modules/filters'
|
||||
import business from './modules/business'
|
||||
|
||||
import layoutHeaderAside from '@/layout/header-aside'
|
||||
@@ -64,7 +63,6 @@ const frameIn = [
|
||||
charts,
|
||||
components,
|
||||
element,
|
||||
filters,
|
||||
business
|
||||
]
|
||||
|
||||
|
||||
@@ -1,69 +0,0 @@
|
||||
<template>
|
||||
<div class="d2-mb-10">
|
||||
<el-button-group>
|
||||
<el-button
|
||||
class="code-and-result--button"
|
||||
size="mini">
|
||||
原值
|
||||
</el-button>
|
||||
</el-button-group>
|
||||
<d2-icon name="plus" class="code-and-result--icon"/>
|
||||
<el-button-group>
|
||||
<el-button
|
||||
v-for="(label, index) in labelList"
|
||||
:key="index"
|
||||
class="code-and-result--button"
|
||||
size="mini"
|
||||
type="primary"
|
||||
@click="handleClip(label)">
|
||||
{{label}}
|
||||
</el-button>
|
||||
</el-button-group>
|
||||
<d2-icon name="arrow-right" class="code-and-result--icon"/>
|
||||
<span class="code-and-result--value">{{value}}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as clipboard from 'clipboard-polyfill'
|
||||
export default {
|
||||
props: {
|
||||
label: {
|
||||
default: ''
|
||||
},
|
||||
value: {
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
labelList () {
|
||||
return this.label.split('|')
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleClip (value) {
|
||||
clipboard.writeText(value)
|
||||
this.$notify({
|
||||
title: '成功',
|
||||
message: `${value} 已经复制到剪贴板`,
|
||||
type: 'success'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.code-and-result--button {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.code-and-result--icon {
|
||||
color: $color-info;
|
||||
margin: 0px 20px;
|
||||
}
|
||||
.code-and-result--value {
|
||||
font-size: 14px;
|
||||
color: $color-text-main;
|
||||
}
|
||||
</style>
|
||||
@@ -1,41 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<h1 class="code-title">{{title}}</h1>
|
||||
<h2 class="code-title--sub">{{subTitle}}</h2>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
subTitle: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.code-title {
|
||||
margin: 0px;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
color: $color-text-main;
|
||||
margin: 10px 0;
|
||||
&:first-child {
|
||||
margin-top: 0px;
|
||||
}
|
||||
}
|
||||
.code-title--sub {
|
||||
margin: 0px;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: $color-text-sub;
|
||||
margin: 10px 0;
|
||||
}
|
||||
</style>
|
||||
@@ -1,97 +0,0 @@
|
||||
<template>
|
||||
<d2-container>
|
||||
<div slot="header" flex="main:justify">
|
||||
<el-date-picker size="mini" type="datetime" v-model="value" placeholder="选择一个日期"/>
|
||||
<el-button size="mini" type="primary">原值 value : {{value}}</el-button>
|
||||
</div>
|
||||
<code-title title="获取" sub-title="获取日期的指定部分"/>
|
||||
<code-and-result label="date_year" :value="value|date_year"/>
|
||||
<code-and-result label="date_month" :value="value|date_month"/>
|
||||
<code-and-result label="date_date" :value="value|date_date"/>
|
||||
<code-and-result label="date_day" :value="value|date_day"/>
|
||||
<code-and-result label="date_hour" :value="value|date_hour"/>
|
||||
<code-and-result label="date_minute" :value="value|date_minute"/>
|
||||
<code-and-result label="date_second" :value="value|date_second"/>
|
||||
<code-and-result label="date_millisecond" :value="value|date_millisecond"/>
|
||||
<code-title title="设置" sub-title="设置日期指定部分的值"/>
|
||||
<code-and-result label="date_set('year', 2020)|date_format('< YYYY > - MM - DD')" :value="value|date_set('year', 2020)|date_format('< YYYY > - MM - DD')"/>
|
||||
<code-and-result label="date_set('month', 0)|date_format('YYYY - < MM > - DD')" :value="value|date_set('month', 0)|date_format('YYYY - < MM > - DD')"/>
|
||||
<code-and-result label="date_set('date', 1)|date_format('YYYY - MM - < DD >')" :value="value|date_set('date', 1)|date_format('YYYY - MM - < DD >')"/>
|
||||
<code-and-result label="date_set('hour', 0)|date_format('< HH > : mm : ss')" :value="value|date_set('hour', 0)|date_format('< HH > : mm : ss')"/>
|
||||
<code-and-result label="date_set('minute', 0)|date_format('HH : < mm > : ss')" :value="value|date_set('minute', 0)|date_format('HH : < mm > : ss')"/>
|
||||
<code-and-result label="date_set('second', 0)|date_format('HH : mm : < ss >')" :value="value|date_set('second', 0)|date_format('HH : mm : < ss >')"/>
|
||||
<code-title title="增加" sub-title="增加时间并返回一个新的 Dayjs 对象"/>
|
||||
<code-and-result label="date_add(1, 'year')|date_format('< YYYY > - MM - DD')" :value="value|date_add(1, 'year')|date_format('< YYYY > - MM - DD')"/>
|
||||
<code-and-result label="date_add(1, 'month')|date_format('YYYY - < MM > - DD')" :value="value|date_add(1, 'month')|date_format('YYYY - < MM > - DD')"/>
|
||||
<code-and-result label="date_add(1, 'day')|date_format('YYYY - MM - < DD >')" :value="value|date_add(1, 'day')|date_format('YYYY - MM - < DD >')"/>
|
||||
<code-and-result label="date_add(1, 'hour')|date_format('< HH > : mm : ss')" :value="value|date_add(1, 'hour')|date_format('< HH > : mm : ss')"/>
|
||||
<code-and-result label="date_add(1, 'minute')|date_format('HH : < mm > : ss')" :value="value|date_add(1, 'minute')|date_format('HH : < mm > : ss')"/>
|
||||
<code-and-result label="date_add(1, 'second')|date_format('HH : mm : < ss >')" :value="value|date_add(1, 'second')|date_format('HH : mm : < ss >')"/>
|
||||
<code-title title="减少" sub-title="减少时间并返回一个新的 Dayjs 对象"/>
|
||||
<code-and-result label="date_subtract(1, 'year')|date_format('< YYYY > - MM - DD')" :value="value|date_subtract(1, 'year')|date_format('< YYYY > - MM - DD')"/>
|
||||
<code-and-result label="date_subtract(1, 'month')|date_format('YYYY - < MM > - DD')" :value="value|date_subtract(1, 'month')|date_format('YYYY - < MM > - DD')"/>
|
||||
<code-and-result label="date_subtract(1, 'day')|date_format('YYYY - MM - < DD >')" :value="value|date_subtract(1, 'day')|date_format('YYYY - MM - < DD >')"/>
|
||||
<code-and-result label="date_subtract(1, 'hour')|date_format('< HH > : mm : ss')" :value="value|date_subtract(1, 'hour')|date_format('< HH > : mm : ss')"/>
|
||||
<code-and-result label="date_subtract(1, 'minute')|date_format('HH : < mm > : ss')" :value="value|date_subtract(1, 'minute')|date_format('HH : < mm > : ss')"/>
|
||||
<code-and-result label="date_subtract(1, 'second')|date_format('HH : mm : < ss >')" :value="value|date_subtract(1, 'second')|date_format('HH : mm : < ss >')"/>
|
||||
<code-title title="开头时间" sub-title="返回当前时间的开头时间的 Dayjs 对象,如月份的第一天"/>
|
||||
<code-and-result label="date_startof('year')|date_format" :value="value|date_startof('year')|date_format"/>
|
||||
<code-and-result label="date_startof('month')|date_format" :value="value|date_startof('month')|date_format"/>
|
||||
<code-and-result label="date_startof('date')|date_format" :value="value|date_startof('date')|date_format"/>
|
||||
<code-and-result label="date_startof('hour')|date_format" :value="value|date_startof('hour')|date_format"/>
|
||||
<code-and-result label="date_startof('minute')|date_format" :value="value|date_startof('minute')|date_format"/>
|
||||
<code-title title="末尾时间" sub-title="返回当前时间的末尾时间的 Dayjs 对象,如月份的最后一天"/>
|
||||
<code-and-result label="date_endof('year')|date_format" :value="value|date_endof('year')|date_format"/>
|
||||
<code-and-result label="date_endof('month')|date_format" :value="value|date_endof('month')|date_format"/>
|
||||
<code-and-result label="date_endof('date')|date_format" :value="value|date_endof('date')|date_format"/>
|
||||
<code-and-result label="date_endof('hour')|date_format" :value="value|date_endof('hour')|date_format"/>
|
||||
<code-and-result label="date_endof('minute')|date_format" :value="value|date_endof('minute')|date_format"/>
|
||||
<code-title title="显示" sub-title="格式化 Dayjs 对象并展示"/>
|
||||
<code-and-result label="date_format" :value="value|date_format"/>
|
||||
<code-and-result label="date_format('YY-MM-DD')" :value="value|date_format('YY-MM-DD')"/>
|
||||
<code-and-result label="date_format('YYYY-M-D')" :value="value|date_format('YYYY-M-D')"/>
|
||||
<code-and-result label="date_format('YYYY-M-D H:m:s')" :value="value|date_format('YYYY-M-D H:m:s')"/>
|
||||
<code-title title="时间差" sub-title="获取两个 Dayjs 对象的时间差,默认毫秒"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'year')" :value="value|date_diff('2012-10-31', 'year')"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'month')" :value="value|date_diff('2012-10-31', 'month')"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'day')" :value="value|date_diff('2012-10-31', 'day')"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'hour')" :value="value|date_diff('2012-10-31', 'hour')"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'minute')" :value="value|date_diff('2012-10-31', 'minute')"/>
|
||||
<code-and-result label="date_diff('2012-10-31', 'second')" :value="value|date_diff('2012-10-31', 'second')"/>
|
||||
<code-title title="Unix 时间戳" sub-title="返回毫秒和秒"/>
|
||||
<code-and-result label="date_value_millisecond" :value="value|date_value_millisecond"/>
|
||||
<code-and-result label="date_value_second" :value="value|date_value_second"/>
|
||||
<code-title title="月份天数" sub-title="返回传入日期月份的天数"/>
|
||||
<code-and-result label="date_days_in_month" :value="value|date_days_in_month"/>
|
||||
<code-title title="处理为其它格式" sub-title="原生的 Date 对象,数组,json,ios 标准,对象,字符串"/>
|
||||
<code-and-result label="date_to_date" :value="value|date_to_date"/>
|
||||
<code-and-result label="date_to_json" :value="value|date_to_json"/>
|
||||
<code-and-result label="date_to_iso" :value="value|date_to_iso"/>
|
||||
<code-and-result label="date_to_string" :value="value|date_to_string"/>
|
||||
<code-title title="查询" sub-title="是否之前,之后,或者相同"/>
|
||||
<code-and-result label="date_is_before('2020-1-1')" :value="value|date_is_before('2020-1-1')"/>
|
||||
<code-and-result label="date_is_after('2012-1-1')" :value="value|date_is_after('2012-1-1')"/>
|
||||
<code-and-result label="date_is_same(new Date())" :value="value|date_is_same(new Date())"/>
|
||||
<code-and-result label="date_is_same(new Date(), 'date')" :value="value|date_is_same(new Date(), 'date')"/>
|
||||
<template slot="footer">
|
||||
<d2-link-btn title="文档" link="https://doc.d2admin.fairyever.com/zh/sys-plugins/vue-filters-date.html"/>
|
||||
</template>
|
||||
</d2-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import codeTitle from './components/code-title'
|
||||
import codeAndResult from './components/code-and-result'
|
||||
export default {
|
||||
components: {
|
||||
codeTitle,
|
||||
codeAndResult
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
value: new Date(),
|
||||
filename: __filename
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,21 +0,0 @@
|
||||
<template>
|
||||
<d2-container type="ghost">
|
||||
<d2-module-index-banner slot="header" v-bind="banner"/>
|
||||
<d2-module-index-menu :menu="menu"/>
|
||||
</d2-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import menu from '@/menu/modules/demo-filters'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
menu,
|
||||
banner: {
|
||||
title: 'FILTERS',
|
||||
subTitle: '内置过滤器'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1 +0,0 @@
|
||||
53a2534f94e1fbddf5d771247686935e6f70062b
|
||||
Reference in New Issue
Block a user