update

src/components/XDateTime.vue

@@ -1,8 +1,10 @@
 <script setup>
 import timeIcon from "../static/icons/time.png";
+import {ref} from "vue";
 
 const modalValue = defineModel();
-const {placeholder, fields} = defineProps({
+const DateTimeRef = ref();
+const {placeholder, fields, type} = defineProps({
     placeholder: {
         type: String,
         default: "请选择时间",
@@ -10,23 +12,33 @@ const {placeholder, fields} = defineProps({
     fields: {
         type: String,
         default: 'day'
+    },
+    type: {
+        type: Number,
+        default: 2
     }
 });
 
-const success = ({detail: {value}}) => {
-    modalValue.value = value;
+const open = () => {
+    DateTimeRef.value.show();
+}
+
+const success = ({result}) => {
+    modalValue.value = result;
 }
 </script>
 
 <template>
-    <picker mode="date" :class="[!$slots.default ? 'x-date-input' : '']" @change="success" :fields="fields">
-        <view v-if="!$slots.default" class="!flex items-center justify-center gap-[20rpx]">
+    <view :class="[!$slots.default ? 'x-date-input' : '']">
+        <view v-if="!$slots.default" class="!flex items-center justify-center gap-[20rpx]" @click="open">
             <image class="!size-[24rpx]" :src="timeIcon"></image>
             <text v-if="!modalValue" class="text-[#666]">{{ placeholder }}</text>
             <text class="test-24r" v-else>{{ modalValue }}</text>
         </view>
         <slot v-else></slot>
-    </picker>
+    </view>
+
+    <tui-datetime ref="DateTimeRef" :type="type" @confirm="success"></tui-datetime>
 </template>
 
 <style lang="scss" scoped>