test/pages/order/components/date/index.wxml

<!--pages/order/components/date/index.wxml-->
<view class="date-box">
  <view class="box-title">使用日期</view>
  <view class="dates-boxes">
    <view bindtap="changeDate" data-date="{{item}}" class="date-item{{activeDate.date==item.date?' active':''}}{{(item.stock<=0 || item.stock==null || item.price==null)?' disable':''}}" wx:for="{{threeDays}}">
      <view>{{item.date}}</view>
      <view class="price" wx:if="{{ !isTeam && item.stock!=0 && item.stock!=null && item.price!=null}}">{{item.price==0 || kjIdCom?'免费':('￥'+item.price/100)}}</view>
      <!-- <view class="price" wx:if="{{item.stock==null || item.price==null}}">不可定</view> -->
      <view class="price" wx:if="{{item.stock==0}}">售罄</view>
    </view>
    <view wx:if="{{moreFlag}}" class="date-item more-item" bindtap="showMoreDate">
      更多
    </view>
    <view wx:else class="date-item more-item active" bindtap="showMoreDate">
      <view>{{activeDate.short_date}}</view>
      <view class="price">{{activeDate.price==0 || kjIdCom?'免费':('￥'+activeDate.price/100)}}</view>
    </view>
  </view>
  <view class="date-times" wx:if="{{timelist.length>0}}">
    <view bindtap="selectTime" data-index="{{index}}" wx:for="{{timelist}}" class="textOver date-time{{timeIndex==index?' active':''}}{{item.stock_number>0?'':' disable'}}">{{item.start_time}}-{{item.end_time}}<text wx:if="{{(item.stock_number>=10 || item.stock_number==-1)}}"> 有票</text><text wx:elif="{{item.stock_number<=0}}"> 无票</text><text wx:else>（{{item.stock_number==-1?'无限':('余票'+item.stock_number)}}）</text></view>
  </view>
  <!-- <view class="date-times" wx:elif="{{activeDate.is_time_stock}}">
    <view>已售罄</view>
  </view> -->
</view>
<!-- 日历选择 -->
<view class="mask" wx:if="{{showMoreDateFlag}}" style="z-index:101">
  <view class="mask-bg" bindtap="hideCalendar"></view>
  <view class="calendar-content">
    <calendar activeDay="{{activeDate.date}}" kjId="{{kjIdCom}}" gpId="{{gpIdCom}}" id="calendar" datelist="{{datelist}}" calendarConfig="{{calendarConfig}}" bind:afterCalendarRender="calendarReady" bind:onTapDay="onTapDay" bind:afterTapDay="afterTapDay"></calendar>
  </view>
</view>