<!--
@ 作者: 秦东
@ 时间: 2024-11-14 13:08:53
@ 备注: 日期选择器
-->
<script lang='ts' setup>
const props = withDefaults(
    defineProps<{
		modelValue?: string
		disabled?: boolean
		data?:any
    }>(),
    {}
)
const emits = defineEmits<{
    (e: 'update:modelValue', value: string): void
}>()
const value = computed({
	get: () => {
		return props.modelValue
	},
	set: (newVal: any) => {
		emits('update:modelValue', newVal)
	},
});
//阻止唤起键盘
const handleClick = (event) => {
  // 阻止输入框默认行为
  event.target.readOnly = true;
};
</script>
<template>
    <el-date-picker
		align="left"
		v-model="value"
		:type="props.data.control.type"
		range-separator="-"
		start-placeholder="开始日期"
		end-placeholder="结束日期"
		:teleported="true"
		:placeholder="props.data.control.placeholder"
		:value-format="props.data.valueFormat"
		:format="props.data.control.format"
		@click="handleClick"
		@focus="handleClick"
    />
</template>
<style  lang='scss' scoped>

</style>