DatetimePicker: disable inputs when selecting range

0462d9ce · Leopoldthecoder · 杨奕 · 6a99f03e · 0462d9ce
Commit 0462d9ce authored Nov 23, 2017 by Leopoldthecoder Committed by 杨奕 Nov 23, 2017
Hide whitespace changes
Inline Side-by-side

Showing with 4 additions and 0 deletions

packages/date-picker/src/panel/date-range.vue packages/date-picker/src/panel/date-range.vue +4 -0

No files found.
--- a/packages/date-picker/src/panel/date-range.vue
+++ b/packages/date-picker/src/panel/date-range.vue
@@ -22,6 +22,7 @@
              <span class="el-date-range-picker__time-picker-wrap">
                <el-input
                  size="small"
+                  :disabled="rangeState.selecting"
                  ref="minInput"
                  :placeholder="t('el.datepicker.startDate')"
                  class="el-date-range-picker__editor"
@@ -32,6 +33,7 @@
              <span class="el-date-range-picker__time-picker-wrap">
                <el-input
                  size="small"
+                  :disabled="rangeState.selecting"
                  :placeholder="t('el.datepicker.startTime')"
                  class="el-date-range-picker__editor"
                  :value="minVisibleTime"
@@ -51,6 +53,7 @@
              <span class="el-date-range-picker__time-picker-wrap">
                <el-input
                  size="small"
+                  :disabled="rangeState.selecting"
                  :placeholder="t('el.datepicker.endDate')"
                  class="el-date-range-picker__editor"
                  :value="maxVisibleDate"
@@ -61,6 +64,7 @@
              <span class="el-date-range-picker__time-picker-wrap">
                <el-input
                  size="small"
+                  :disabled="rangeState.selecting"
                  ref="maxInput"
                  :placeholder="t('el.datepicker.endTime')"
                  class="el-date-range-picker__editor"