关于u-view的u-calendar日期选择无法选择当日 后面日期的处理方案

844 阅读1分钟
<template>
    <view>
        <view class="booking">
        <p class="com_text">预约时间段</p>
        <view>
          <text> {{ detailLists.make_start_time || '' }} </text>
          <u-icon name="calendar" color="#EB7F36" size="35" @click="showTimeFn"></u-icon>
        </view>
      </view>
      <u-calendar v-model="showTime" mode="date" @change="timeOk" :max-date="maxDate">
         <view slot="tooltip">
           <view class="title">
             选择可预订日期
            </view>
         </view> 
      </u-calendar>
   </view>
  <template>
  
  export default {
    data () {
       return { 
      detailLists: {},
      showTime: false,  
       }
  },
  methods: {
    timeOk (e) {
      this.detailLists.make_start_time=e.result
    },
    
   showTimeFn () { //u-calendar限制无法点击当日之后的日期, 现设置点击可以设置当日之后的日期
      this.showTime=true
      let dete=new Date()
      let year=dete.getFullYear()
      let month=dete.getMonth()+1
      let day=dete.getDate()
      let maxYear=year+1
      this.maxDate=maxYear+'-'+month+'-'+day
    },
  }
}