[new feature] add i18n support (#310)

* fix: Tabbar icon line-height * [new feature] progress add showPivot prop * [new feature] TabItem support vue-router * [new feature] update document header style * [Doc] add toast english ducoment * [new feature] add i18n support * feat: Extract demos from markdown * feat: Base components demos * [new feature] complete demo extract & translate * [fix] text cases * fix: add deepAssign test cases * fix: changelog detail * [new feature] AddressEdit support i18n
2017-11-15 20:08:51 -06:00
parent 05abf0d509
commit d8b6ad7d54
210 changed files with 5561 additions and 5528 deletions
@@ -0,0 +1,80 @@
+## DatetimePicker
+
+### Install
+``` javascript
+import { DatetimePicker } from 'vant';
+
+Vue.component(DatetimePicker.name, DatetimePicker);
+```
+
+### Usage
+
+#### Basic Usage
+
+```html
+<van-datetime-picker
+  v-model="currentDate"
+  type="datetime"
+  :minHour="minHour"
+  :maxHour="maxHour"
+  :minDate="minDate"
+  :maxDate="maxDate"
+/>
+```
+
+```javascript
+export default {
+  data() {
+    return {
+      minHour: 10,
+      maxHour: 20,
+      minDate: new Date(),
+      maxDate: new Date(2019, 10, 1),
+      currentDate: new Date(2018, 0, 1)
+    };
+  }
+};
+```
+
+#### Date Picker
+
+```html
+<van-datetime-picker
+  v-model="currentDate"
+  type="date"
+  :min-hour="minHour"
+  :max-hour="maxHour"
+  :min-date="minDate"
+/>
+```
+
+#### Time Picker
+
+```html
+<van-datetime-picker
+  v-model="currentDate3"
+  type="time"
+  :min-hour="minHour"
+  :max-hour="maxHour"
+  :min-date="minDate"
+/>
+```
+
+### API
+
+| Attribute | Description | Type | Default | Accepted Values |
+|-----------|-----------|-----------|-------------|-------------|
+| type | Picker type | `String` | 'datetime' |  'date', 'time' |
+| minDate | Min date | `Date` | Ten years ago on January 1 | - |
+| maxDate | Max date | `Date` | Ten years later on December 31 | - |
+| minHour | Min hour | `Number` | `0` | - |
+| maxHour | Max hour | `Number` | `23` | - |
+| visibileColumnCount | Count of columns to show | `Number` | `5` | - |
+
+### Event
+
+| Event | Description | Arguments |
+|-----------|-----------|-----------|
+| change | Triggered when value changed | picker: picker instance |
+| confirm | Triggered when click confirm button | value: current value |
+| cancel | Triggered when click cancel button | - |