yelaixiang/pages/components/calendar/calendar.wxml

<!--component/calendar/calendar.wxml-->
<view class="calendar">
  <view class="direction_box">
      <view style="width:40rpx;height:30rpx;" bindtap="toLeft">
      <image src="https://point.xiuqinews.cn/file/file?fileName=left.png" mode="" class="left direction"/>
      </view>
      <view class="week_box">
      {{startTime}}—{{endTime}}
          <!-- {{date.days[0].id}} — {{date.days[6].id}} -->
      </view>
      <view style="width:40rpx;height:30rpx;" bindtap="toRight">
        <image src="https://point.xiuqinews.cn/file/file?fileName=right.png" mode="" class="right direction"/>
      </view>
     </view>
    <view class="title">
        <view class="header-wrap">
            <!-- <view class="flex">
                <view class="title">{{title}}</view>
                <view class="month">
                    <block wx:if="{{title}}">
                        (
                    </block>
                    {{selectDay.year}}年{{selectDay.month}}月
                    <block wx:if="{{title}}">
                        )
                    </block>
                </view>
            </view> -->
            <!-- <block wx:if="{{goNow}}">
                <view wx:if="{{open && !(nowDay.year==selectDay.year&&nowDay.month==selectDay.month&&nowDay.day==selectDay.day)}}" class="today" bindtap="switchNowDate">
                    今日
                </view>
            </block> -->
        </view>

    </view>

    <!-- 日历头部 -->
    <!-- <view class="flex-around calendar-week">
        <view class="view">一</view>
        <view class="view">二</view>
        <view class="view">三</view>
        <view class="view">四</view>
        <view class="view">五</view>
        <view class="view">六</view>
        <view class="view">日</view>
    </view> -->
    <!-- 日历主体 -->
    <swiper class="swiper" style="height:{{swiperHeight}}rpx" bindchange="swiperChange" circular="{{true}}" current="{{swiperCurrent}}" duration="{{swiperDuration}}" >
    
        <swiper-item wx:for="{{[dateList0, dateList1, dateList2]}}" wx:for-index="listIndex" wx:for-item="listItem" wx:key="listIndex" catchtouchmove="stopTouchMove">
            <view class="flex-start flex-wrap calendar-main" style="height:{{listItem.length/7*82}}rpx">
                <view wx:for="{{listItem}}" wx:key="dateList" class="day">
                    <view class="bg {{item.month === selectDay.month?spotMap['y'+item.year+'m'+item.month+'d'+item.day]?spotMap['y'+item.year+'m'+item.month+'d'+item.day]:'':''}} {{(item.year === nowDay.year && item.month === nowDay.month && item.day === nowDay.day) ? 'now' : ''}} {{(item.year === selectDay.year && item.month === selectDay.month) ? (item.day === selectDay.day && oldCurrent === listIndex ?'select':''): 'other-month'}}" bindtap="chooseDate" data-day="{{item.day}}" data-year="{{item.year}}" data-month="{{item.month}}">
                        {{item.day}}
                    </view>
                </view>
            </view>
        </swiper-item>
    </swiper>
    <!-- <view catchtap="openChange" class="flex list-open">
        <view class="icon {{open?'fold':'unfold'}}"></view>
    </view> -->
</view>