mx-datepicker.wxml 6.6 KB

1
  1. <block wx:if="{{isShow}}"><view class="picker data-v-191e0624"><block wx:if="{{type!='time'}}"><view class="picker-modal data-v-191e0624"><view class="picker-modal-header data-v-191e0624"><view class="picker-icon picker-icon-zuozuo data-v-191e0624" hover-stay-time="{{100}}" hover-class="picker-icon-active" data-event-opts="{{[['tap',[['onSetYear',['-1']]]]]}}" bindtap="__e"></view><view class="picker-icon picker-icon-zuo data-v-191e0624" hover-stay-time="{{100}}" hover-class="picker-icon-active" data-event-opts="{{[['tap',[['onSetMonth',['-1']]]]]}}" bindtap="__e"></view><text class="picker-modal-header-title data-v-191e0624">{{title}}</text><view class="picker-icon picker-icon-you data-v-191e0624" hover-stay-time="{{100}}" hover-class="picker-icon-active" data-event-opts="{{[['tap',[['onSetMonth',['+1']]]]]}}" bindtap="__e"></view><view class="picker-icon picker-icon-youyou data-v-191e0624" hover-stay-time="{{100}}" hover-class="picker-icon-active" data-event-opts="{{[['tap',[['onSetYear',['+1']]]]]}}" bindtap="__e"></view></view><swiper class="picker-modal-body data-v-191e0624" circular="{{true}}" duration="{{200}}" skip-hidden-item-layout="{{true}}" current="{{calendarIndex}}" data-event-opts="{{[['change',[['onSwiperChange',['$event']]]]]}}" bindchange="__e"><block wx:for="{{calendars}}" wx:for-item="calendar" wx:for-index="calendarIndex2" wx:key="calendarIndex2"><swiper-item class="picker-calendar data-v-191e0624"><block wx:for="{{weeks}}" wx:for-item="week" wx:for-index="index"><view class="picker-calendar-view data-v-191e0624"><view class="picker-calendar-view-item data-v-191e0624">{{week}}</view></view></block><block wx:for="{{calendar}}" wx:for-item="date" wx:for-index="dateIndex" wx:key="dateIndex"><view data-event-opts="{{[['tap',[['onSelectDate',['$0'],[[['calendars','',calendarIndex2],['','',dateIndex]]]]]]]}}" class="picker-calendar-view data-v-191e0624" bindtap="__e"><view hidden="{{!(date.bgStyle.type)}}" class="{{['data-v-191e0624','picker-calendar-view-'+date.bgStyle.type]}}" style="{{'background:'+(date.bgStyle.background)+';'}}"></view><view class="picker-calendar-view-item data-v-191e0624" style="{{'opacity:'+(date.statusStyle.opacity)+';'+('color:'+(date.statusStyle.color)+';')+('background:'+(date.statusStyle.background)+';')}}"><text class="data-v-191e0624">{{date.title}}</text></view><view class="picker-calendar-view-dot data-v-191e0624" style="{{'opacity:'+(date.dotStyle.opacity)+';'+('background:'+(date.dotStyle.background)+';')}}"></view><view hidden="{{!(date.tips)}}" class="picker-calendar-view-tips data-v-191e0624">{{date.tips}}</view></view></block></swiper-item></block></swiper><view class="picker-modal-footer data-v-191e0624"><view class="picker-modal-footer-info data-v-191e0624"><block wx:if="{{isMultiSelect}}"><block class="data-v-191e0624"><view class="picker-display data-v-191e0624"><text class="data-v-191e0624">{{beginText+"日期"}}</text><text class="picker-display-text data-v-191e0624">{{BeginTitle}}</text><block wx:if="{{isContainTime}}"><view class="picker-display-link data-v-191e0624" style="{{'color:'+(color)+';'}}" hover-stay-time="{{100}}" hover-class="picker-display-link-active" data-event-opts="{{[['tap',[['onShowTimePicker',['begin']]]]]}}" bindtap="__e">{{BeginTimeTitle}}</view></block></view><view class="picker-display data-v-191e0624"><text class="data-v-191e0624">{{endText+"日期"}}</text><text class="picker-display-text data-v-191e0624">{{EndTitle}}</text><block wx:if="{{isContainTime}}"><view class="picker-display-link data-v-191e0624" style="{{'color:'+(color)+';'}}" hover-stay-time="{{100}}" hover-class="picker-display-link-active" data-event-opts="{{[['tap',[['onShowTimePicker',['end']]]]]}}" bindtap="__e">{{EndTimeTitle}}</view></block></view></block></block><block wx:else><block class="data-v-191e0624"><view class="picker-display data-v-191e0624"><text class="data-v-191e0624">当前选择</text><text class="picker-display-text data-v-191e0624">{{BeginTitle}}</text><block wx:if="{{isContainTime}}"><view class="picker-display-link data-v-191e0624" style="{{'color:'+(color)+';'}}" hover-stay-time="{{100}}" hover-class="picker-display-link-active" data-event-opts="{{[['tap',[['onShowTimePicker',['begin']]]]]}}" bindtap="__e">{{BeginTimeTitle}}</view></block></view></block></block></view><view class="picker-modal-footer-btn data-v-191e0624"><view class="picker-btn data-v-191e0624" hover-stay-time="{{100}}" hover-class="picker-btn-active" data-event-opts="{{[['tap',[['onCancel',['$event']]]]]}}" bindtap="__e">取消</view><view class="picker-btn data-v-191e0624" style="{{'color:'+(color)+';'}}" hover-stay-time="{{100}}" hover-class="picker-btn-active" data-event-opts="{{[['tap',[['onConfirm',['$event']]]]]}}" bindtap="__e">确定</view></view></view></view></block><block wx:if="{{showTimePicker}}"><view class="picker data-v-191e0624"><view class="picker-modal picker-time data-v-191e0624"><view class="picker-modal-header data-v-191e0624"><text class="picker-modal-header-title data-v-191e0624">选择日期</text></view><picker-view class="picker-modal-time data-v-191e0624" indicator-class="picker-modal-time-item" value="{{timeValue}}" data-event-opts="{{[['change',[['onTimeChange',['$event']]]]]}}" bindchange="__e"><picker-view-column class="data-v-191e0624"><block wx:for="{{24}}" wx:for-item="v" wx:for-index="i" wx:key="i"><view class="data-v-191e0624">{{(i<10?'0'+i:i)+"时"}}</view></block></picker-view-column><picker-view-column class="data-v-191e0624"><block wx:for="{{60}}" wx:for-item="v" wx:for-index="i" wx:key="i"><view class="data-v-191e0624">{{(i<10?'0'+i:i)+"分"}}</view></block></picker-view-column><block wx:if="{{showSeconds}}"><picker-view-column class="data-v-191e0624"><block wx:for="{{60}}" wx:for-item="v" wx:for-index="i" wx:key="i"><view class="data-v-191e0624">{{(i<10?'0'+i:i)+"秒"}}</view></block></picker-view-column></block></picker-view><view class="picker-modal-footer data-v-191e0624"><view class="picker-modal-footer-info data-v-191e0624"><view class="picker-display data-v-191e0624"><text class="data-v-191e0624">当前选择</text><text class="picker-display-text data-v-191e0624">{{PickerTimeTitle}}</text></view></view><view class="picker-modal-footer-btn data-v-191e0624"><view class="picker-btn data-v-191e0624" hover-stay-time="{{100}}" hover-class="picker-btn-active" data-event-opts="{{[['tap',[['onCancelTime',['$event']]]]]}}" bindtap="__e">取消</view><view class="picker-btn data-v-191e0624" style="{{'color:'+(color)+';'}}" hover-stay-time="{{100}}" hover-class="picker-btn-active" data-event-opts="{{[['tap',[['onConfirmTime']]]]}}" bindtap="__e">确定</view></view></view></view></view></block></view></block>