Datepicker support for non-US date formats

petercoles · petercoles · commit 2be5e6df901f · 2016-04-03T22:18:06.000+01:00
diff --git a/docs/example/datepickerDocs.vue b/docs/example/datepickerDocs.vue
@@ -28,6 +28,8 @@ Selected date is: {{new Date(value).toString().slice(0, -23)}}
         <v-option value="yyyy.MM.dd">yyyy.MM.dd</v-option>
         <v-option value="MMM/dd/yyyy">MMM/dd/yyyy</v-option>
         <v-option value="MMMM/dd/yyyy">MMMM/dd/yyyy</v-option>
+        <v-option value="dd/MM/yyyy">dd/MM/yyyy</v-option>
+        <v-option value="dd-MM-yyyy">dd-MM-yyyy</v-option>
       </v-select>
 
       <h4>Reset button</h4>
@@ -56,6 +58,8 @@ Selected date is: {{new Date(value).toString().slice(0, -23)}}
   <v-option value="yyyy.MM.dd">yyyy.MM.dd</v-option>
   <v-option value="MMM/dd/yyyy">MMM/dd/yyyy</v-option>
   <v-option value="MMMM/dd/yyyy">MMMM/dd/yyyy</v-option>
+  <v-option value="dd/MM/yyyy">dd/MM/yyyy</v-option>
+  <v-option value="dd-MM-yyyy">dd-MM-yyyy</v-option>
 </select>
     </script></code></pre>
     <h2>Option</h2>
diff --git a/src/Datepicker.vue b/src/Datepicker.vue
@@ -252,6 +252,9 @@ export default {
       .replace(/d/g, day)
     },
     parse(str) {
+      if (this.format == 'dd-MM-yyyy' || this.format == 'dd/MM/yyyy') {
+        str = str.substring(3,5)+'-'+str.substring(0,2)+'-'+str.substring(6,10);
+      }
       const date = new Date(str)
       return isNaN(date.getFullYear()) ? null : date
     },
