diff --git a/package/component/src/component/datePicker/components/MonthPanel.vue b/package/component/src/component/datePicker/components/MonthPanel.vue
index 2725524e..02e4db97 100644
--- a/package/component/src/component/datePicker/components/MonthPanel.vue
+++ b/package/component/src/component/datePicker/components/MonthPanel.vue
@@ -16,7 +16,10 @@
         <li
           v-for="item of MONTH_NAME"
           :key="item"
-          :class="{ 'layui-this': MONTH_NAME.indexOf(item) === Month }"
+          :class="{ 
+            'layui-this': MONTH_NAME.indexOf(item) === Month,
+            'layui-laydate-current':Month===''&&parseInt(item)-1===dayjs().month()
+          }"
           @click="handleMonthClick(item)"
         >
           {{ item.slice(0, 3) }}
diff --git a/package/component/src/component/datePicker/components/MonthRange.vue b/package/component/src/component/datePicker/components/MonthRange.vue
index f4aa9f1b..22db5cb0 100644
--- a/package/component/src/component/datePicker/components/MonthRange.vue
+++ b/package/component/src/component/datePicker/components/MonthRange.vue
@@ -36,6 +36,7 @@
                 'laydate-range-hover': ifHasRangeHoverClass(
                   getUnix(item, 'left')
                 ),
+                'layui-laydate-current':(startTime.unix === -1 || endTime.unix === -1)&&getUnix(item, 'left')===dayjs().startOf('month').valueOf()
               }"
               @click="handleMonthClick(getUnix(item, 'left'))"
               @mouseenter="monthItemMouseEnter($event, item)"
@@ -80,6 +81,7 @@
                 'laydate-range-hover': ifHasRangeHoverClass(
                   getUnix(item, 'right')
                 ),
+                'layui-laydate-current':(startTime.unix === -1 || endTime.unix === -1)&&getUnix(item, 'right')===dayjs().startOf('month').valueOf()
               }"
               @click="handleMonthClick(getUnix(item, 'right'))"
               @mouseenter="monthItemMouseEnter($event, item)"
diff --git a/package/component/src/component/datePicker/components/YearPanel.vue b/package/component/src/component/datePicker/components/YearPanel.vue
index cdcb704c..0bcd3078 100644
--- a/package/component/src/component/datePicker/components/YearPanel.vue
+++ b/package/component/src/component/datePicker/components/YearPanel.vue
@@ -18,7 +18,10 @@
         <li
           v-for="item of yearList"
           :key="item"
-          :class="{ 'layui-this': Year === item }"
+          :class="{ 
+            'layui-this': Year === item, 
+            'layui-laydate-current':!Year&&item===dayjs().year()
+          }"
           @click="handleYearClick(item)"
         >
           {{ item }}
diff --git a/package/component/src/component/datePicker/components/components/DateContent.vue b/package/component/src/component/datePicker/components/components/DateContent.vue
index ec63269d..b1d99d68 100644
--- a/package/component/src/component/datePicker/components/components/DateContent.vue
+++ b/package/component/src/component/datePicker/components/components/DateContent.vue
@@ -27,6 +27,7 @@
                     (item.value == startDate || item.value == endDate)),
                 'laydate-range-hover': ifHasRangeHoverClass(item),
                 'layui-disabled': item.type !== 'current' && datePicker.range,
+                'layui-laydate-current':modelValue===-1&&item.value===dayjs().startOf('day').valueOf()
               }"
               @click="handleDayClick(item)"
               @mouseenter="dayItemMouseEnter($event, item)"
@@ -48,6 +49,7 @@ export default {
 import { useI18n } from "../../../../language";
 import { computed, inject } from "vue";
 import { provideType } from "../../interface";
+import dayjs from "dayjs";
 
 export interface DateContentProps {
   dateList: any;
diff --git a/package/component/src/component/datePicker/index.less b/package/component/src/component/datePicker/index.less
index a3a2db35..338d0727 100644
--- a/package/component/src/component/datePicker/index.less
+++ b/package/component/src/component/datePicker/index.less
@@ -576,4 +576,7 @@ html #layuicss-laydate {
   .layui-laydate-main{
     width: 340px;
   }
+}
+.layui-laydate-current{
+  background-color: var(--global-neutral-color-3);
 }
\ No newline at end of file