u-calendar.wxml
4.4 KB
<u-popup vue-id="1169abc6-1" closeable="{{closeable}}" maskCloseAble="{{maskCloseAble}}" mode="bottom" popup="{{false}}" length="auto" safeAreaInsetBottom="{{safeAreaInsetBottom}}" z-index="{{uZIndex}}" border-radius="{{borderRadius}}" value="{{value}}" data-event-opts="{{[['^close',[['close']]],['^input',[['__set_model',['','value','$event',[]]]]]]}}" bind:close="__e" bind:input="__e" class="data-v-5b667d40" bind:__l="__l" vue-slots="{{['default']}}"><view class="u-calendar data-v-5b667d40"><view class="u-calendar__header data-v-5b667d40"><block wx:if="{{!$slots['tooltip']}}"><view class="u-calendar__header__text data-v-5b667d40">{{''+toolTip+''}}</view></block><block wx:else><slot name="tooltip"></slot></block></view><view class="u-calendar__action u-flex u-row-center data-v-5b667d40"><view class="u-calendar__action__icon data-v-5b667d40"><block wx:if="{{changeYear}}"><u-icon vue-id="{{('1169abc6-2')+','+('1169abc6-1')}}" name="arrow-left-double" color="{{yearArrowColor}}" data-event-opts="{{[['^click',[['changeYearHandler',[0]]]]]}}" bind:click="__e" class="data-v-5b667d40" bind:__l="__l"></u-icon></block></view><view class="u-calendar__action__icon data-v-5b667d40"><block wx:if="{{changeMonth}}"><u-icon vue-id="{{('1169abc6-3')+','+('1169abc6-1')}}" name="arrow-left" color="{{monthArrowColor}}" data-event-opts="{{[['^click',[['changeMonthHandler',[0]]]]]}}" bind:click="__e" class="data-v-5b667d40" bind:__l="__l"></u-icon></block></view><view class="u-calendar__action__text data-v-5b667d40">{{showTitle}}</view><view class="u-calendar__action__icon data-v-5b667d40"><block wx:if="{{changeMonth}}"><u-icon vue-id="{{('1169abc6-4')+','+('1169abc6-1')}}" name="arrow-right" color="{{monthArrowColor}}" data-event-opts="{{[['^click',[['changeMonthHandler',[1]]]]]}}" bind:click="__e" class="data-v-5b667d40" bind:__l="__l"></u-icon></block></view><view class="u-calendar__action__icon data-v-5b667d40"><block wx:if="{{changeYear}}"><u-icon vue-id="{{('1169abc6-5')+','+('1169abc6-1')}}" name="arrow-right-double" color="{{yearArrowColor}}" data-event-opts="{{[['^click',[['changeYearHandler',[1]]]]]}}" bind:click="__e" class="data-v-5b667d40" bind:__l="__l"></u-icon></block></view></view><view class="u-calendar__week-day data-v-5b667d40"><block wx:for="{{weekDayZh}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="u-calendar__week-day__text data-v-5b667d40">{{item}}</view></block></view><view class="u-calendar__content data-v-5b667d40"><block wx:for="{{weekdayArr}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-5b667d40"><view class="u-calendar__content__item data-v-5b667d40"></view></block></block><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['dateClick',[index]]]]]}}" class="{{['u-calendar__content__item','data-v-5b667d40',(item.m0)?'u-hover-class':'',(mode=='range'&&startDate==year+'-'+month+'-'+(index+1)||mode=='date')?'u-calendar__content--start-date':'',(mode=='range'&&endDate==year+'-'+month+'-'+(index+1)||mode=='date')?'u-calendar__content--end-date':'']}}" style="{{'background-color:'+(item.m1)+';'}}" bindtap="__e"><view class="u-calendar__content__item__inner data-v-5b667d40" style="{{'color:'+(item.m2)+';'}}"><view class="data-v-5b667d40">{{index+1}}</view></view><block wx:if="{{mode=='range'&&startDate==year+'-'+month+'-'+(index+1)&&startDate!=endDate}}"><view class="u-calendar__content__item__tips data-v-5b667d40" style="{{'color:'+(activeColor)+';'}}">{{startText}}</view></block><block wx:if="{{mode=='range'&&endDate==year+'-'+month+'-'+(index+1)}}"><view class="u-calendar__content__item__tips data-v-5b667d40" style="{{'color:'+(activeColor)+';'}}">{{endText}}</view></block></view></block><view class="u-calendar__content__bg-month data-v-5b667d40">{{month}}</view></view><view class="u-calendar__bottom data-v-5b667d40"><view class="u-calendar__bottom__choose data-v-5b667d40"><text class="data-v-5b667d40">{{mode=='date'?activeDate:startDate}}</text><block wx:if="{{endDate}}"><text class="data-v-5b667d40">{{"至"+endDate}}</text></block></view><view class="u-calendar__bottom__btn data-v-5b667d40"><u-button vue-id="{{('1169abc6-6')+','+('1169abc6-1')}}" type="{{btnType}}" shape="circle" size="default" data-event-opts="{{[['^click',[['btnFix',[false]]]]]}}" bind:click="__e" class="data-v-5b667d40" bind:__l="__l" vue-slots="{{['default']}}">确定</u-button></view></view></view></u-popup>