diff --git a/example/pages/date-picker.vue b/example/pages/date-picker.vue
index 31f2925a83010be8a82df27fb16b668328b22a62..3fde375c64f2ad4000e446472386c992e28c4916 100644
--- a/example/pages/date-picker.vue
+++ b/example/pages/date-picker.vue
@@ -26,7 +26,10 @@
             max: new Date(2020, 9, 20),
             value: new Date(),
             onSelect: this.selectHandle,
-            onCancel: this.cancelHandle
+            onCancel: this.cancelHandle,
+            onChange: () => {
+              console.log('change')
+            }
           })
         }
 
diff --git a/src/modules/date-picker/api.js b/src/modules/date-picker/api.js
index 21c30c331ef4f8861862aa0b4da9962532cde0b8..7dcb7033bf3f213c9bc843502e5b43822ffebce2 100644
--- a/src/modules/date-picker/api.js
+++ b/src/modules/date-picker/api.js
@@ -2,7 +2,7 @@ import createAPI from '../../common/helpers/create-api'
 import { tip } from '../../common/helpers/debug'
 
 export default function addDatePicker (Vue, DatePicker) {
-  const datePickerAPI = createAPI(Vue, DatePicker, ['select', 'cancel', 'value-change'])
+  const datePickerAPI = createAPI(Vue, DatePicker, ['select', 'cancel', 'change'])
   datePickerAPI.before((data, renderFn, single) => {
     if (single) {
       tip('DatePicker component can not be a singleton.')