diff --git a/src/datetime-picker/README.md b/src/datetime-picker/README.md
index 8c69e7863..130b26e18 100644
--- a/src/datetime-picker/README.md
+++ b/src/datetime-picker/README.md
@@ -35,7 +35,7 @@ import { ref } from 'vue';
 
 export default {
   setup() {
-    const currentDate = ref(new Date());
+    const currentDate = ref(new Date(2021, 0, 17));
     return {
       minDate: new Date(2020, 0, 1),
       maxDate: new Date(2025, 10, 1),
diff --git a/src/datetime-picker/README.zh-CN.md b/src/datetime-picker/README.zh-CN.md
index 7add723dd..1c6303c84 100644
--- a/src/datetime-picker/README.zh-CN.md
+++ b/src/datetime-picker/README.zh-CN.md
@@ -37,7 +37,7 @@ import { ref } from 'vue';
 
 export default {
   setup() {
-    const currentDate = ref(new Date());
+    const currentDate = ref(new Date(2021, 0, 17));
     return {
       minDate: new Date(2020, 0, 1),
       maxDate: new Date(2025, 10, 1),
diff --git a/src/datetime-picker/demo/index.vue b/src/datetime-picker/demo/index.vue
index 533a6903a..7258c853e 100644
--- a/src/datetime-picker/demo/index.vue
+++ b/src/datetime-picker/demo/index.vue
@@ -120,7 +120,7 @@ export default {
   setup() {
     const t = useTranslate(i18n);
     const value = reactive({
-      date: null,
+      date: new Date(2021, 0, 17),
       time: '12:00',
       datetime: new Date(2020, 0, 1),
       datehour: new Date(2020, 0, 1),
diff --git a/src/datetime-picker/test/__snapshots__/demo.spec.ts.snap b/src/datetime-picker/test/__snapshots__/demo.spec.ts.snap
index 4094b123f..8270a2d00 100644
--- a/src/datetime-picker/test/__snapshots__/demo.spec.ts.snap
+++ b/src/datetime-picker/test/__snapshots__/demo.spec.ts.snap
@@ -22,13 +22,13 @@ exports[`should render demo and match snapshot 1`] = `
          style="height: 264px;"
     >
       <div class="van-picker-column">
-        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
+        <ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;"
             class="van-picker-column__wrapper"
         >
           <li role="button"
               style="height: 44px;"
               tabindex="0"
-              class="van-picker-column__item van-picker-column__item--selected"
+              class="van-picker-column__item"
           >
             <div class="van-ellipsis">
               2020
@@ -37,7 +37,7 @@ exports[`should render demo and match snapshot 1`] = `
           <li role="button"
               style="height: 44px;"
               tabindex="0"
-              class="van-picker-column__item"
+              class="van-picker-column__item van-picker-column__item--selected"
           >
             <div class="van-ellipsis">
               2021
@@ -196,13 +196,13 @@ exports[`should render demo and match snapshot 1`] = `
         </ul>
       </div>
       <div class="van-picker-column">
-        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
+        <ul style="transform: translate3d(0, -594px, 0); transition-duration: 0ms; transition-property: none;"
             class="van-picker-column__wrapper"
         >
           <li role="button"
               style="height: 44px;"
               tabindex="0"
-              class="van-picker-column__item van-picker-column__item--selected"
+              class="van-picker-column__item"
           >
             <div class="van-ellipsis">
               01
@@ -346,7 +346,7 @@ exports[`should render demo and match snapshot 1`] = `
           <li role="button"
               style="height: 44px;"
               tabindex="0"
-              class="van-picker-column__item"
+              class="van-picker-column__item van-picker-column__item--selected"
           >
             <div class="van-ellipsis">
               17