KDateTimePicker
示例
Date & Time Picker
Selected: none
A combined date and time picker with a clear button.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| modelValue | Date | undefined | undefined | The selected date and time value. |
| placeholder | string | 'Select date & time' | Placeholder text for the input fields. |
| disabled | boolean | false | Whether the inputs are disabled. |
Emits
| Name | Parameters | Description |
|---|---|---|
| update:modelValue | Date | undefined | Emitted when the selected date or time changes. |
Slots
| Name | Description |
|---|---|
| — | This component does not provide slots. |
Basic Usage
vue
<script setup>
import { ref } from 'vue'
import { KDateTimePicker } from '@kK-2004/ui-component'
const datetime = ref(undefined)
</script>
<template>
<KDateTimePicker v-model="datetime" />
</template>