Merge pull request #117 from mkalantar/master

2 commits improving picker

Author: talkhabi

.gitignore

@@ -5,6 +5,7 @@ yarn-error.log
 
 # Editor directories and files
 .idea
+.vscode
 *.suo
 *.ntvs*
 *.njsproj

src/picker/VuePersianDatetimePicker.vue

@@ -81,7 +81,7 @@
                 <transition name="slideY">
                   <span :key="selectedDate.xYear()">
                     <slot name="header-year" v-bind="{ vm, selectedDate }">
-                      {{ selectedDate.xYear() }}
+                      {{ convertToLocaleNumber(selectedDate.xYear()) }}
                     </slot>
                   </span>
                 </transition>
@@ -94,7 +94,7 @@
                 <transition name="slideY">
                   <span :key="formattedDate">
                     <slot name="header-date" v-bind="{ vm, formattedDate }">
-                      {{ formattedDate }}
+                      {{ convertToLocaleNumber(formattedDate) }}
                     </slot>
                   </span>
                 </transition>
@@ -153,7 +153,9 @@
                       <slot name="month-name" v-bind="{ vm, date, color }">
                         <span
                           :style="{ 'border-color': color, color }"
-                          v-text="date.xFormat('jMMMM jYYYY')"
+                          v-text="
+                            convertToLocaleNumber(date.xFormat('jMMMM jYYYY'))
+                          "
                         />
                       </slot>
                     </div>
@@ -208,7 +210,7 @@
                                 />
                                 <span
                                   :class="[prefix('day-text')]"
-                                  v-text="day.formatted"
+                                  v-text="convertToLocaleNumber(day.formatted)"
                                 />
                               </slot>
                             </template>
@@ -250,7 +252,7 @@
                       @click="selectYear(year)"
                     >
                       <slot name="year-item" v-bind="{ vm, year, color }">
-                        {{ year.xFormat('jYYYY') }}
+                        {{ convertToLocaleNumber(year.xFormat('jYYYY')) }}
                       </slot>
                     </div>
                   </div>
@@ -775,7 +777,13 @@ export default {
      * @default true
      * @version 2.1.6
      */
-    showNowBtn: { type: Boolean, default: true }
+    showNowBtn: { type: Boolean, default: true },
+    /**
+     * Convert to locale numbers or not
+     * @type Boolean
+     * @default false
+     */
+    convertNumbers: { type: Boolean, default: false }
   },
   data() {
     let defaultLocale = this.locale.split(',')[0]
@@ -1050,7 +1058,7 @@ export default {
       let output = this.output.clone()
       let format = this.selfDisplayFormat
       if (/j\w/.test(format)) output.locale('fa')
-      return output.format(format)
+      return this.convertToLocaleNumber(output.format(format))
     },
     isDisableTime() {
       return this.hasStep('t') && this.checkDisable('t', this.time)
@@ -1578,6 +1586,18 @@ export default {
         }
       }
       return date.clone()
+    },
+    convertToLocaleNumber(value) {
+      if (this.convertNumbers && this.locale == 'fa') {
+        return `${value}`.replace(/\d+/g, function(digit) {
+          var ret = ''
+          for (var i = 0, len = digit.length; i < len; i++) {
+            ret += String.fromCharCode(digit.charCodeAt(i) + 1728)
+          }
+          return ret
+        })
+      }
+      return value
     }
   },
   install(Vue, options) {