文档修改

README.md

@@ -52,7 +52,7 @@ export default {
 | range             | Boolean       | false       | if true, the type is daterange or datetimerange   |
 | confirm           | Boolean       | false       | if true, need click the button to change the value|
 | format            | String        | yyyy-MM-dd  | Date formatting string                            |
-| lang              | String        | zh          | Translation (en/zh/es/pt-br/fr/ru/de/it/cs)                   |
+| lang              | String        | zh          | Translation (en/zh/es/pt-br/fr/ru/de/it/cs)       |
 | placeholder       | String        |             | input placeholder text                            |
 | width             | String/Number | 210         | input size                                        |
 | disabled-days     | Array         | []          | Days in YYYY-MM-DD format to disable              |
@@ -76,5 +76,7 @@ export default {
 | start           | Date          | Start Date             |
 | end             | Date          | End Date               |
 
-
-
+## Events
+| Name            | Description                  |  Callback Arguments    |
+|-----------------|------------------------------|------------------------|
+| confirm         | When you click 'OK' button   | the currentValue       |

datepicker/index.vue

@@ -161,13 +161,12 @@ export default {
       const val = this.currentValue
       if ((!this.range && val) || (this.range && val[0] && val[1])) {
         this.$emit('input', val)
-        console.log(this.value, this.currentValue)
       }
     },
     confirmDate () {
       this.updateDate()
       this.closePopup()
-      this.$emit('confirm')
+      this.$emit('confirm', this.currentValue)
     },
     selectDate () {
       if (!this.confirm) {

demo/App.vue

@@ -54,6 +54,7 @@
           range
           lang="en"
           format="yyyy-MM-dd"
+          @confirm="confirm"
           confirm></date-picker>
       </section>
       <blockquote class="tips">
@@ -85,6 +86,11 @@ export default {
       demo2: '<date-picker v-model="value3" type="datetime" format="yyyy-MM-dd HH:mm:ss" lang="en"></date-picker>\n<date-picker v-model="value4" type="datetime" format="yyyy-MM-dd HH:mm" :minute-step="10" lang="en"></date-picker>\n<date-picker v-model="value4" range type="datetime" format="yyyy-MM-dd HH:mm:ss" lang="en"></date-picker>',
       demo3: '<date-picker v-model="value6" format="yyyy-MM-dd" lang="en" confirm></date-picker>\n<date-picker v-model="value7" lang="en" type="datetime" format="yyyy-MM-dd hh:mm:ss" confirm></date-picker>\n<date-picker v-model="value8" lang="en" range format="yyyy-MM-dd" confirm></date-picker>'
     }
+  },
+  methods: {
+    confirm (val) {
+      console.log(val)
+    }
   }
 }
 </script>

package.json

@@ -2,7 +2,7 @@
   "name": "vue2-datepicker",
   "description": "A Datepicker Component For Vue2",
   "main": "datepicker/index.vue",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "scripts": {
     "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
     "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"