docs: update the disabledDate demo

example/demo/DisabledDateTime.vue

@@ -1,31 +1,32 @@
 <template>
   <div class="box">
     <section>
-      <p>date not before today</p>
+      <p>Not before than today and not after than a week</p>
-      <date-picker v-model="value1" :disabled-date="notBeforeToday"></date-picker>
+      <date-picker
+        v-model="value1"
+        :default-value="new Date()"
+        :disabled-date="disabledBeforeTodayAndAfterAWeek"
+      ></date-picker>
     </section>
     <section>
-      <p>date not after today</p>
+      <p>Not before 09:00</p>
-      <date-picker v-model="value2" :disabled-date="notAfterToday"></date-picker>
-    </section>
-    <section>
-      <p>time 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)"
+        :default-value="new Date().setHours(9, 0, 0, 0)"
-        :disabled-time="notBeforeNine"
+        :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"
+        :default-value="new Date().setHours(12, 0, 0, 0)"
-        :disabled-time="notBeforeTime"
+        :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) {
+    disabledBeforeTodayAndAfterAWeek(date) {
-      return date < today;
+      const today = new Date();
+      today.setHours(0, 0, 0, 0);
+
+      return date < today || date > new Date(today.getTime() + 7 * 24 * 3600 * 1000);
     },
-    notAfterToday(date) {
+    notBeforeNineOClock(date) {
-      return date > today;
-    },
-    notBeforeNine(date) {
       return date.getHours() < 9;
     },
-    notBeforeDate(date) {
+    notBeforeToday(date) {
-      return date < new Date(2019, 9, 9);
+      return date < new Date(new Date().setHours(0, 0, 0, 0));
     },
-    notBeforeTime(date) {
+    notBeforeTodayTwelveOClock(date) {
-      return date < new Date(2019, 9, 9, 12);
+      return date < new Date(new Date().setHours(12, 0, 0, 0));
     },
   },
 };

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`.
+**You should let the `defaultValue` not be disabled, when you use `disabledDate` or `disabledTime`.**
-
-The default value of `defaultValue` is `new Date().setHour(0,0,0,0)`.
 
 <!-- Disabled -->
 

example/zh-cn.md

@@ -27,9 +27,7 @@
 
 可用 `disabledDate` 和 `disabledTime` 分别禁止选择部分日期和时间.
 
-当你使用`disabledDate` 或 `disabledTime`的时候, 应该设置`defaultValue`的值是不被禁止选择的.
+**当你使用`disabledDate` 或 `disabledTime`的时候, 应该设置`defaultValue`的值是不被禁止选择的.**
-
-`defaultValue`的默认值是`new Date().setHour(0,0,0,0)`
 
 <!-- Disabled -->