diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
index 3938035..c77fafd 100644
--- a/pages/detail/detail.vue
+++ b/pages/detail/detail.vue
@@ -177,12 +177,12 @@
         <view class="form-content">
           <view class="form-item relative">
             <text class="form-label">{{ transactionType === 'sell' ? '选择持仓' : '股票代码' }}</text>
-            <input 
+            <u-input 
               v-model="transactionForm.stockCode" 
-              class="form-input" 
               :placeholder="transactionType === 'sell' ? '请选择要卖出的持仓' : '请输入股票代码'"
               :disabled="transactionType === 'sell'"
-              @input="transactionType === 'buy' ? searchStock(e.detail.value) : () => {}"
+              :border="false"
+              @input="transactionType === 'buy' ? searchStock($event.detail.value) : () => {}"
               @click="transactionType === 'sell' ? (searchResults = (positions.value || []).map(pos => ({
                 ticker: pos.stockCode,
                 stockName: pos.stockName,
@@ -212,22 +212,22 @@
           
           <view class="form-item">
             <text class="form-label">数量{{ transactionType === 'sell' && maxSellAmount > 0 ? `(最多可卖 ${maxSellAmount} 份)` : '' }}</text>
-            <input 
+            <u-input 
               v-model="transactionForm.amount" 
-              class="form-input" 
               type="number" 
               :placeholder="transactionType === 'sell' && maxSellAmount > 0 ? `请输入数量，不超过 ${maxSellAmount}` : '请输入数量'"
+              :border="false"
             />
           </view>
           
           <view class="form-item">
             <text class="form-label">价格</text>
-            <input 
+            <u-input 
               v-model="transactionForm.price" 
-              class="form-input" 
               type="number" 
               step="0.01"
               placeholder="请输入价格"
+              :border="false"
             />
           </view>
           
@@ -235,20 +235,25 @@
           
           <view class="form-item">
             <text class="form-label">交易时间</text>
-            <picker mode="date" @change="onDateChange" :value="transactionForm.transactionDate">
+            <u-datetime-picker
+              v-model="showDatePicker"
+              mode="date"
+              :value="transactionForm.transactionDate"
+              @confirm="onDateChange"
+            >
               <view class="form-select">
                 <text>{{ transactionForm.transactionDate }}</text>
-                <uni-icons type="bottom" size="14" color="#9CA3AF"></uni-icons>
+                <u-icon name="arrow-down" size="14" color="#9CA3AF"></u-icon>
               </view>
-            </picker>
+            </u-datetime-picker>
           </view>
           
           <view class="form-item">
             <text class="form-label">备注</text>
-            <input 
+            <u-input 
               v-model="transactionForm.remark" 
-              class="form-input" 
               placeholder="请输入备注"
+              :border="false"
             />
           </view>
         </view>
@@ -322,6 +327,8 @@ const transactionForm = ref({
 });
 // 当前选中持仓的最大可卖数量
 const maxSellAmount = ref(0);
+// 日期选择器显示状态
+const showDatePicker = ref(false);
 
 // 货币选择相关
 const currencyList = ref([
@@ -337,7 +344,9 @@ const onCurrencyChange = (e) => {
 };
 
 const onDateChange = (e) => {
-  transactionForm.value.transactionDate = e.detail.value;
+  // u-datetime-picker返回格式为YYYY-MM-DD
+  transactionForm.value.transactionDate = e.value;
+  showDatePicker.value = false;
 };
 
 // 股票搜索相关