From 831bc78ec55cce933bcca919dc7268bfc5d935ba Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Mon, 15 Dec 2025 16:19:52 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E9=A1=B5=E9=9D=A2=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=94=9F=E6=97=A5=E6=98=BE=E7=A4=BA=E5=8A=9F=E8=83=BD=E5=B9=B6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=97=A5=E6=9C=9F=E9=80=89=E6=8B=A9=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/user/settings.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/views/user/settings.vue b/src/views/user/settings.vue
index f63d020..9a92fef 100644
--- a/src/views/user/settings.vue
+++ b/src/views/user/settings.vue
@@ -8,6 +8,7 @@ import { authClient } from "@/auth";
 
 const router = useRouter();
 const userProfile = ref<UserProfileData | null>(null);
+const birthday = computed(() => useDateFormat(userProfile?.value?.birthday || "", "YYYY/MM/DD"));
 
 async function getUserProfile() {
   const { data } = await client.api.user.profile.get();
@@ -151,9 +152,20 @@ onMounted(() => {
         </ion-item>
 
         <ion-item button>
-          <ion-datetime-button datetime="datetime" color="primary" />
+          <ion-datetime-button datetime="datetime" color="primary">
+            <div slot="date-target">
+              {{ birthday }}
+            </div>
+          </ion-datetime-button>
           <ion-modal :keep-contents-mounted="true">
-            <ion-datetime id="datetime" :value="userProfile?.birthday" presentation="date" :prefer-wheel="true" @ion-change="onChangeDateTime" />
+            <ion-datetime
+              id="datetime"
+              done-text="Done"
+              presentation="date"
+              :value="userProfile?.birthday"
+              :show-default-buttons="true"
+              @ion-change="onChangeDateTime"
+            />
           </ion-modal>
         </ion-item>
       </ion-list>