diff --git a/src/js/datepicker/index.js b/src/js/datepicker/index.js
index 4ba4d45..517893c 100644
--- a/src/js/datepicker/index.js
+++ b/src/js/datepicker/index.js
@@ -315,11 +315,11 @@ export default Anot.component('datepicker', {
   skip: ['max', 'min', 'last', 'timer'],
   watch: {
     tips: function(val) {
-      clearTimeout(this.timer)
       if (!val) {
         return
       }
       this.timer = setTimeout(() => {
+        clearTimeout(this.timer)
         this.tips = ''
       }, 1500)
     },
diff --git a/src/js/datepicker/style.scss b/src/js/datepicker/style.scss
index 0323f48..53863d9 100644
--- a/src/js/datepicker/style.scss
+++ b/src/js/datepicker/style.scss
@@ -101,7 +101,7 @@
       .cancel {background:nth($cp, 1);}
     }
 
-    dd.tips { position:absolute; z-index:65535; left:25%; top:40%; width:50%; height:30px; line-height:30px; background:rgba(0, 0, 0, 0.7); color:#fff; font-size:12px; text-align:center; }
+    dd.tips { position:absolute; z-index:65535; left:25%; top:40%; width:50%; height:30px; line-height:28px; background:#fffbed;color:nth($co, 3);border:1px solid nth($co, 1);border-radius:5px; font-size:12px; text-align:center; }
   }
 }