docs(date-picker): columnOrder doc order

document/components/docs/en-US/date-picker.md

@@ -183,6 +183,34 @@ __Notice:__ Cause this component used create-api, so you should read [create-api
   }
   ```
 
+- `columnOrder` <sup>1.12.14</sup>
+
+  `columnOrder` can be used to change the display order in case where the order is not 'Year-Month-Date Hour-Minute-Second'. For example, we can set the `columnOrder` to `['month', 'date', 'year']` for the display order of 'Month-Date-Year'.
+
+  ```html
+  <cube-button @click="showChangeOrderPicker">Date Picker(Change order)</cube-button>
+  ```
+  ```js
+  export default {
+    methods: {
+      showChangeOrderPicker() {
+         if (!this.changeOrderPicker) {
+           this.changeOrderPicker = this.$createDatePicker({
+             title: 'Date Picker',
+             min: new Date(2008, 7, 8),
+             max: new Date(2020, 9, 20),
+             value: new Date(),
+             columnOrder: ['month', 'date', 'year'],
+             onSelect: this.selectHandle,
+             onCancel: this.cancelHandle
+           })
+         }
+         this.changeOrderPicker.show()
+       }
+    }
+  }
+  ```
+
 - `$updateProps`
 
   With the `$updateProps` method, you can modify the properties of component instances created by createAPI. For example, in `DatePicker`, we can modify the value of `value` attribute to change the date currently selected.
@@ -231,34 +259,6 @@ __Notice:__ Cause this component used create-api, so you should read [create-api
   }
   ```
 
-- `columnOrder`
-
-   `columnOrder` can be used to change the display order in case where the order is not 'Year-Month-Date Hour-Minute-Second'. For example, we can set the `columnOrder` to `['month', 'date', 'year']` for the display order of 'Month-Date-Year'.
-
-	```html
-	<cube-button @click="showChangeOrderPicker">Date Picker(Change order)</cube-button>
-	```
-	```js
-	export default {
-	  methods: {
-	    showChangeOrderPicker() {
-         if (!this.changeOrderPicker) {
-           this.changeOrderPicker = this.$createDatePicker({
-             title: 'Date Picker',
-             min: new Date(2008, 7, 8),
-             max: new Date(2020, 9, 20),
-             value: new Date(),
-             columnOrder: ['month', 'date', 'year'],
-             onSelect: this.selectHandle,
-             onCancel: this.cancelHandle
-           })
-         }
-         this.changeOrderPicker.show()
-       }
-	  }
-	}
-	```
-
 ### Props configuration
 
 | Attribute | Description | Type | Accepted Values | Default | Example |

document/components/docs/zh-CN/date-picker.md

@@ -183,6 +183,34 @@ __注：__ 由于此组件基于 create-api 实现，所以在使用之前，请
   }
   ```
 
+- `columnOrder` <sup>1.12.14</sup>
+
+  针对日期展示格式顺序不是 "年-月-日 小时-分钟-秒" 的场景，可以通过 `columnOrder` 来修改展示顺序。例如日期展示顺序为 “月-日-年”，可配置 `columnOrder` 值为 `['month', 'date', 'year']`
+
+  ```html
+  <cube-button @click="showChangeOrderPicker">Date Picker(Change order)</cube-button>
+  ```
+  ```js
+  export default {
+    methods: {
+      showChangeOrderPicker() {
+         if (!this.changeOrderPicker) {
+           this.changeOrderPicker = this.$createDatePicker({
+             title: 'Date Picker',
+             min: new Date(2008, 7, 8),
+             max: new Date(2020, 9, 20),
+             value: new Date(),
+             columnOrder: ['month', 'date', 'year'],
+             onSelect: this.selectHandle,
+             onCancel: this.cancelHandle
+           })
+         }
+         this.changeOrderPicker.show()
+       }
+    }
+  }
+  ```
+
 - `$updateProps`
 
   通过`$updateProps`方法，可以修改用 createAPI 创建的组件实例的属性。比如 `DatePicker`中，我们可以修改 `value` 属性的值改变当前选择的日期。
@@ -231,34 +259,6 @@ __注：__ 由于此组件基于 create-api 实现，所以在使用之前，请
   }
   ```
 
-- `columnOrder`
-
-   针对日期展示格式顺序不是 "年-月-日 小时-分钟-秒" 的场景，可以通过 `columnOrder` 来修改展示顺序。例如日期展示顺序为 “月-日-年”，可配置 `columnOrder` 值为 `['month', 'date', 'year']`
-
-	```html
-	<cube-button @click="showChangeOrderPicker">Date Picker(Change order)</cube-button>
-	```
-	```js
-	export default {
-	  methods: {
-	    showChangeOrderPicker() {
-         if (!this.changeOrderPicker) {
-           this.changeOrderPicker = this.$createDatePicker({
-             title: 'Date Picker',
-             min: new Date(2008, 7, 8),
-             max: new Date(2020, 9, 20),
-             value: new Date(),
-             columnOrder: ['month', 'date', 'year'],
-             onSelect: this.selectHandle,
-             onCancel: this.cancelHandle
-           })
-         }
-         this.changeOrderPicker.show()
-       }
-	  }
-	}
-	```
-
 ### Props 配置
 
 | 参数 | 说明 | 类型 | 可选值 | 默认值 | 示例 |