Skip to content

KDateTimePicker

示例

Date & Time Picker

Selected: none

A combined date and time picker with a clear button.

Props

NameTypeDefaultDescription
modelValueDate | undefinedundefinedThe selected date and time value.
placeholderstring'Select date & time'Placeholder text for the input fields.
disabledbooleanfalseWhether the inputs are disabled.

Emits

NameParametersDescription
update:modelValueDate | undefinedEmitted when the selected date or time changes.

Slots

NameDescription
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>