修改发布日历

src/components/TimeSelector/TimeSelector.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { View, Text, } from '@tarojs/components'
-import { getDate, getTime } from '@/utils/timeUtils'
-import DateTimePicker from '@/components/DateTimePicker'
+import { getDate, getTime, getDateStr, getEndTime } from '@/utils/timeUtils'
+import DialogCalendarCard from '@/components/CalendarCard/DialogCalendarCard'
 import './TimeSelector.scss'
 
 export interface TimeRange {
@@ -23,8 +23,11 @@ const TimeSelector: React.FC<TimeSelectorProps> = ({
 }) => {
   // 格式化日期显示
   const [visible, setVisible] = useState(false)
-  const handleConfirm = (year: number, month: number) => {
-    console.log('选择的日期:', year, month)
+  const handleConfirm = (date: Date) => {
+    console.log('选择的日期:', date)
+    const start_time = getDateStr(date)
+    const end_time = getEndTime(start_time)
+    if (onChange) onChange({start_time, end_time})
   }
   return (
     <View className='time-selector'>
@@ -56,14 +59,10 @@ const TimeSelector: React.FC<TimeSelectorProps> = ({
           </View>
         </View>
       </View>
-      <DateTimePicker
-        visible={visible}
-        onClose={() => setVisible(false)}
-        onConfirm={handleConfirm}
-        defaultYear={2025}
-        defaultMonth={11}
-        minYear={2020}
-        maxYear={2030}
+      <DialogCalendarCard
+              visible={visible}
+              onChange={handleConfirm}
+              onClose={() => setVisible(false)}
       />
     </View>
   )