<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 () {
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
},
}
}