Feat:：调整时间选择器

pkg_product/views/groupBuyDetails.vue

@@ -133,10 +133,20 @@
         <view class="buy-btn" @click="bookNow">立即购买</view>
       </view>
     </view>
-    <Calendar ref="calendar"
+    <!-- <Calendar ref="calendar"
       :minDay="detail.minBookingDays"
       @dateSelected="handleDateSelected"
-    ></Calendar>
+    ></Calendar> -->
+    <DateRangePicker
+      ref="dateRangePicker"
+      v-model="dateRange"
+      :show="showDatePicker"
+      :minBookingDays="detail.minBookingDays"
+      :travelGroupProductId="detail.id"
+      @update:show="showDatePicker = false"
+      @input="handleDateSelected" 
+    >
+    </DateRangePicker>
   </view>
 </template>
 
@@ -144,13 +154,17 @@
 import { getJiaLouProductDetail, getJiaLouCalendar,getJiaLouBookingRules } from '@/api/qianxian'
 import {getGiftCardSendBackground} from "@/api/gift"
 import Calendar from '../components/Calendar.vue'
+import DateRangePicker from '@/components/DateRangePicker/DateRangePicker.vue'
 export default {
   name: 'GroupBuyDetails',
   components: {
-    Calendar
+    Calendar,
+    DateRangePicker
   },
   data() {
     return {
+      dateRange: [null, null],
+      showDatePicker: false,
       webUrl: this.$VUE_APP_RESOURCES_URL,
       giftBg: '',
       id: '',
@@ -187,12 +201,10 @@ export default {
       })
     },
     handleDateSelected(dateRange) {
-      console.log(dateRange, 'dateRange');
-      
-      this.rangeDate = dateRange
+      this.dateRange = dateRange
     },
     handleDate() {
-      this.$refs.calendar.showCalendar(this.calendar)
+      this.showDatePicker = true
     },
     /**
      * 获取产品可预约日期
@@ -284,7 +296,7 @@ export default {
       })
     },
     bookNow() {
-      uni.navigateTo({ url: '/pkg_product/views/submitOrder?id=' + this.id + '&orderStartDate=' + this.rangeDate.startDate + '&orderEndDate=' + this.rangeDate.endDate })
+      uni.navigateTo({ url: '/pkg_product/views/submitOrder?id=' + this.id + '&orderStartDate=' + this.dateRange[0] + '&orderEndDate=' + this.dateRange[1] })
     },
     /**
      * 查找指定日期的预约状态