u-calendar.ttml 4.4 KB

1
  1. <u-popup vue-id="11683fa5-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 tt:if="{{!$slots['tooltip']}}"><view class="u-calendar__header__text data-v-5b667d40">{{''+toolTip+''}}</view></block><block tt: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 tt:if="{{changeYear}}"><u-icon vue-id="{{('11683fa5-2')+','+('11683fa5-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 tt:if="{{changeMonth}}"><u-icon vue-id="{{('11683fa5-3')+','+('11683fa5-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 tt:if="{{changeMonth}}"><u-icon vue-id="{{('11683fa5-4')+','+('11683fa5-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 tt:if="{{changeYear}}"><u-icon vue-id="{{('11683fa5-5')+','+('11683fa5-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 tt:for="{{weekDayZh}}" tt:for-item="item" tt:for-index="index" tt: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 tt:for="{{weekdayArr}}" tt:for-item="item" tt:for-index="index" tt:key="index"><block class="data-v-5b667d40"><view class="u-calendar__content__item data-v-5b667d40"></view></block></block><block tt:for="{{$root.l0}}" tt:for-item="item" tt:for-index="index" tt: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 tt: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 tt: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 tt:if="{{endDate}}"><text class="data-v-5b667d40">{{"至"+endDate}}</text></block></view><view class="u-calendar__bottom__btn data-v-5b667d40"><u-button vue-id="{{('11683fa5-6')+','+('11683fa5-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>