<template>
  <label class="kole-datetimepicker kole-datetimepicker-item">生效时间 <input class="kole-datetimepicker-control" type="datetime-local" :value="props.value" @input="change($event.target.value)" /></label>
</template>

<script setup>
import { ref, computed } from 'vue';
const props = defineProps({
    value: { type: String, default: '2026-09-20T09:30' }, // 绑定值
    format: { type: String, default: 'YYYY-MM-DD HH:mm' }, // 格式
});
const emit = defineEmits(["change"]);

function change(value) { emit('update:modelValue', value); emit('change', value); emit('pagechange', value); }
</script>

<style src="./DateTimePicker.css"></style>
