You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/date-picker/demo/time.md

47 lines
979 B

7 years ago
<cn>
#### 日期时间选择
7 years ago
增加选择时间功能,当 `showTime` 为一个对象时,其属性会传递给内建的 `TimePicker`
</cn>
7 years ago
<us>
#### Choose Time
7 years ago
This property provide an additional time selection. When `showTime` is an Object, its properties will be passed on to built-in `TimePicker`.
</us>
7 years ago
```html
<template>
7 years ago
<div>
<a-date-picker
7 years ago
showTime
format="YYYY-MM-DD HH:mm:ss"
placeholder="Select Time"
@change="onChange"
@ok="onOk"
7 years ago
/>
<br />
<a-range-picker
:showTime="{ format: 'HH:mm' }"
7 years ago
format="YYYY-MM-DD HH:mm"
:placeholder="['Start Time', 'End Time']"
@change="onChange"
@ok="onOk"
7 years ago
/>
</div>
</template>
<script>
export default {
methods: {
onChange(value, dateString) {
console.log('Selected Time: ', value);
console.log('Formatted Selected Time: ', dateString);
},
onOk(value) {
console.log('onOk: ', value);
}
}
}
</script>
```