diff --git a/package.json b/package.json
index 9d756c5d..a712b59f 100755
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "axios": "^0.17.1",
     "clipboard-polyfill": "^2.4.1",
     "countup.js": "^1.9.3",
+    "dayjs": "^1.6.7",
     "element-ui": "^2.0.11",
     "file-saver": "^1.3.3",
     "github-markdown-css": "^2.10.0",
diff --git a/src/assets/style/theme/star/setting.scss b/src/assets/style/theme/star/setting.scss
index 0c16d9f7..b1376e6d 100644
--- a/src/assets/style/theme/star/setting.scss
+++ b/src/assets/style/theme/star/setting.scss
@@ -8,7 +8,7 @@ $theme-bg-image: '/static/image/bg/star-squashed.jpg';
 // container组件
 $theme-container-background-color: rgba(#FFF, .9);
 $theme-container-header-footer-background-color: rgba(#FFF, .6);
-$theme-container-border-inner: 1px solid #8fb0b1;
+$theme-container-border-inner: 1px solid #cecece;
 $theme-container-border-outer: none;
 
 // 顶栏和侧边栏中展开的菜单 hover 状态下
diff --git a/src/menu/index.js b/src/menu/index.js
index b2c53a76..70745af2 100644
--- a/src/menu/index.js
+++ b/src/menu/index.js
@@ -40,6 +40,7 @@ const demoPlugins = {
     },
     { path: `${pre}build`, title: '环境区分' },
     { path: `${pre}clipboard-polyfill`, title: '剪贴板访问' },
+    { path: `${pre}day`, title: '日期计算' },
     { path: `${pre}js-cookie`, title: 'Cookie 读写' },
     { path: `${pre}timeago`, title: '时间差计算' }
   ])('/demo/plugins/')
diff --git a/src/pages/demo/plugins/day/index.vue b/src/pages/demo/plugins/day/index.vue
new file mode 100644
index 00000000..72321dd9
--- /dev/null
+++ b/src/pages/demo/plugins/day/index.vue
@@ -0,0 +1,14 @@
+<template>
+  <d2-container type="full">
+    <template slot="header">日期计算</template>
+    <template slot="footer">
+      <a href="https://github.com/iamkun/dayjs">https://github.com/iamkun/dayjs</a>
+    </template>
+  </d2-container>
+</template>
+
+<script>
+import dayjs from 'dayjs'
+export default {
+}
+</script>
diff --git a/src/router/index.js b/src/router/index.js
index b7909d79..99c74da3 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -52,6 +52,7 @@ const routes = [
     children: (pre => [
       { path: 'build', name: `${pre}build`, component: () => import('@/pages/demo/plugins/build/index.vue') },
       { path: 'clipboard-polyfill', name: `${pre}clipboard-polyfill`, component: () => import('@/pages/demo/plugins/clipboard-polyfill/index.vue') },
+      { path: 'day', name: `${pre}day`, component: () => import('@/pages/demo/plugins/day/index.vue') },
       { path: 'export/table', name: `${pre}export-table`, component: () => import('@/pages/demo/plugins/export/table.vue') },
       { path: 'export/txt', name: `${pre}export-txt`, component: () => import('@/pages/demo/plugins/export/txt.vue') },
       { path: 'i18n/demo1', name: `${pre}i18n-demo1`, component: () => import('@/pages/demo/plugins/i18n/demo1.vue') },