全局过滤器新增日期时间格式过滤

Author: a241978181

package.json

@@ -10,6 +10,7 @@
   "dependencies": {
     "@xunlei/vue-context-menu": "^1.0.2",
     "axios": "^0.19.0",
+    "dayjs": "^1.8.33",
     "babel-polyfill": "^6.26.0",
     "core-js": "^3.4.3",
     "element-ui": "^2.13.2",

src/filters/index.js

@@ -1,4 +1,13 @@
 import Vue from 'vue';
 
+/**
+ * 格式化时间
+ */
+Vue.filter('formatDate', function (value, template) {
+    if (value == null) {
+        return null;
+    }
+    return dayjs(value).format(!!template ? template : 'YYYY-MM-DD HH:mm:ss')
+});
 // 数字加千分符
 Vue.filter('T', value => Number(value).toLocaleString());

src/main.js

@@ -18,6 +18,10 @@ Vue.use(ViewUI);
 // 引入全局工具函数
 import * as utils from "./utils";
 // 引入全局过滤器
+import * as filters from '@/filters';
+Object.keys(filters).forEach((key) => {
+  Vue.filter(key, filters[key]);
+});
 // import '@/filters'
 import "font-awesome/scss/font-awesome.scss";
 // 在入口处引入模拟的假数据

yarn.lock

@@ -2609,6 +2609,11 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
+dayjs@^1.8.33:
+  version "1.10.4"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.10.4.tgz#8e544a9b8683f61783f570980a8a80eaf54ab1e2"
+  integrity sha512-RI/Hh4kqRc1UKLOAf/T5zdMMX5DQIlDxwUe3wSyMMnEbGunnpENCdbUgM+dW7kXidZqCttBrmw7BhN4TMddkCw==
+
 de-indent@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"