Fix min/max

mariomka · Oct 14, 2018 · 0466724 · 0466724
1 parent b585658
commit 0466724
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -36,7 +36,7 @@ <h2>Datetime</h2>
 
   <div class="example">
     <div class="example-inputs">
-      <datetime type="datetime" v-model="datetime"></datetime>
+      <datetime type="datetime" v-model="datetimeEmpty" :min-datetime="minDatetime" :max-datetime="maxDatetime"></datetime>
 
       <div class="values">
         <p>

diff --git a/src/DatetimePopup.vue b/src/DatetimePopup.vue
@@ -8,17 +8,17 @@
       <datetime-year-picker
           v-if="step === 'year'"
           @change="onChangeYear"
-          :min-date="minDatetime"
-          :max-date="maxDatetime"
+          :min-date="minDatetimeUTC"
+          :max-date="maxDatetimeUTC"
           :year="year"></datetime-year-picker>
       <datetime-calendar
           v-if="step === 'date'"
           @change="onChangeDate"
           :year="year"
           :month="month"
           :day="day"
-          :min-date="minDatetime"
-          :max-date="maxDatetime"
+          :min-date="minDatetimeUTC"
+          :max-date="maxDatetimeUTC"
           :week-start="weekStart"
       ></datetime-calendar>
       <datetime-time-picker
@@ -146,6 +146,12 @@ export default {
         day: 'numeric'
       })
     },
+    minDatetimeUTC () {
+      return this.minDatetime.toUTC()
+    },
+    maxDatetimeUTC () {
+      return this.maxDatetime.toUTC()
+    },
     minTime () {
       return (
         this.minDatetime &&