diff --git a/src/calendar/index.js b/src/calendar/index.js
index 4015f186d..150223b95 100644
--- a/src/calendar/index.js
+++ b/src/calendar/index.js
@@ -90,6 +90,7 @@ export default createComponent({
         <div class={bem('month')} ref="month" refInFor>
           {showTitle && <div class={bem('month-title')}>{month.title}</div>}
           <div class={bem('days')}>
+            <div class={bem('month-mark')}>{month.date.getMonth() + 1}</div>
             {month.days.map(item => (
               <div class={bem('day')}>{item.day}</div>
             ))}
diff --git a/src/calendar/index.less b/src/calendar/index.less
index 54357843f..4dec24870 100644
--- a/src/calendar/index.less
+++ b/src/calendar/index.less
@@ -49,10 +49,22 @@
   }
 
   &__days {
+    position: relative;
     display: flex;
     flex-wrap: wrap;
   }
 
+  &__month-mark {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: -1;
+    color: @gray-2;
+    font-size: 160px;
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+  }
+
   &__day {
     display: flex;
     align-items: center;