<!--components/reserve/invitation/ddate.wxml-->
<wxs src="../../../utils/util.wxs" module="util" />
<view class="calendar-mask" bindtap="calendarClose"
      style="height:100%;" wx:if="{{timePickerMask}}">
    <view class="timePicker">
        <view class="flex-lr title Semibold">
            <view> </view>
            <view bindtap="calendarClose">请选择您的到店时间</view>
            <image class="close" bindtap="calendarClose"></image>
        </view>
        <view class="flex-ll" style="flex-wrap:wrap">
            <view class="time-item {{item==defTime?'checked':''}}"
                  style="{{(index+1)%4==0?'margin-right:0;':''}}"
                  wx:for="{{times}}" wx:key=""
                  catchtap="bindTimePickerChange"
                  data-val="{{item}}"
            >{{util.unixtoTime(item,'HH:II')}}</view>
        </view>
    </view>
</view>