From 661b377829746e7bd7186516d0451c210fcc1dd1 Mon Sep 17 00:00:00 2001
From: mengxiong10 <15623530290@163.com>
Date: Fri, 5 Jun 2020 10:50:21 +0800
Subject: [PATCH] docs: update the disabledDate demo

---
 example/demo/DisabledDateTime.vue | 48 +++++++++++++++----------------
 example/en.md                     |  4 +--
 example/zh-cn.md                  |  4 +--
 3 files changed, 25 insertions(+), 31 deletions(-)

diff --git a/example/demo/DisabledDateTime.vue b/example/demo/DisabledDateTime.vue
index 76df6a4..30e9134 100644
--- a/example/demo/DisabledDateTime.vue
+++ b/example/demo/DisabledDateTime.vue
@@ -1,31 +1,32 @@
 <template>
   <div class="box">
     <section>
-      <p>date not before today</p>
-      <date-picker v-model="value1" :disabled-date="notBeforeToday"></date-picker>
+      <p>Not before than today and not after than a week</p>
+      <date-picker
+        v-model="value1"
+        :default-value="new Date()"
+        :disabled-date="disabledBeforeTodayAndAfterAWeek"
+      ></date-picker>
     </section>
     <section>
-      <p>date not after today</p>
-      <date-picker v-model="value2" :disabled-date="notAfterToday"></date-picker>
-    </section>
-    <section>
-      <p>time not before 09:00</p>
+      <p>Not before 09:00</p>
       <date-picker
         v-model="value3"
         value-type="format"
         type="time"
         placeholder="HH:mm:ss"
-        :default-value="new Date().setHours(9, 0, 0)"
-        :disabled-time="notBeforeNine"
+        :default-value="new Date().setHours(9, 0, 0, 0)"
+        :disabled-time="notBeforeNineOClock"
       ></date-picker>
     </section>
     <section>
-      <p>datetime not before 2019-10-09 12:00</p>
+      <p>Not before than 12:00 Today</p>
       <date-picker
         v-model="value4"
         type="datetime"
-        :disabled-date="notBeforeDate"
-        :disabled-time="notBeforeTime"
+        :default-value="new Date().setHours(12, 0, 0, 0)"
+        :disabled-date="notBeforeToday"
+        :disabled-time="notBeforeTodayTwelveOClock"
         value-type="format"
       ></date-picker>
     </section>
@@ -33,9 +34,6 @@
 </template>
 
 <script>
-const today = new Date();
-today.setHours(0, 0, 0, 0);
-
 export default {
   data() {
     return {
@@ -47,20 +45,20 @@ export default {
     };
   },
   methods: {
-    notBeforeToday(date) {
-      return date < today;
+    disabledBeforeTodayAndAfterAWeek(date) {
+      const today = new Date();
+      today.setHours(0, 0, 0, 0);
+
+      return date < today || date > new Date(today.getTime() + 7 * 24 * 3600 * 1000);
     },
-    notAfterToday(date) {
-      return date > today;
-    },
-    notBeforeNine(date) {
+    notBeforeNineOClock(date) {
       return date.getHours() < 9;
     },
-    notBeforeDate(date) {
-      return date < new Date(2019, 9, 9);
+    notBeforeToday(date) {
+      return date < new Date(new Date().setHours(0, 0, 0, 0));
     },
-    notBeforeTime(date) {
-      return date < new Date(2019, 9, 9, 12);
+    notBeforeTodayTwelveOClock(date) {
+      return date < new Date(new Date().setHours(12, 0, 0, 0));
     },
   },
 };
diff --git a/example/en.md b/example/en.md
index 022cfba..1f64814 100644
--- a/example/en.md
+++ b/example/en.md
@@ -27,9 +27,7 @@ Support to select a date range.
 
 Disabled part of dates and time by `disabledDate` and `disabledTime` respectively.
 
-You should let the value of `defaultValue` not be disabled, when you use `disabledDate` or `disabledTime`.
-
-The default value of `defaultValue` is `new Date().setHour(0,0,0,0)`.
+**You should let the `defaultValue` not be disabled, when you use `disabledDate` or `disabledTime`.**
 
 <!-- Disabled -->
 
diff --git a/example/zh-cn.md b/example/zh-cn.md
index 51bb40b..6822ef5 100644
--- a/example/zh-cn.md
+++ b/example/zh-cn.md
@@ -27,9 +27,7 @@
 
 可用 `disabledDate` 和 `disabledTime` 分别禁止选择部分日期和时间.
 
-当你使用`disabledDate` 或 `disabledTime`的时候, 应该设置`defaultValue`的值是不被禁止选择的.
-
-`defaultValue`的默认值是`new Date().setHour(0,0,0,0)`
+**当你使用`disabledDate` 或 `disabledTime`的时候, 应该设置`defaultValue`的值是不被禁止选择的.**
 
 <!-- Disabled -->