#
whycq
2022-05-27 7a3389aa2e66c8a65ba783da9f3a136b4e062fa2
1
<view class="uni-date"><view data-event-opts="{{[['tap',[['show',['$event']]]]]}}" class="uni-date-editor" bindtap="__e"><block wx:if="{{$slots.default}}"><slot></slot></block><block wx:else><view class="{{['uni-date-editor--x',(disabled)?'uni-date-editor--x__disabled':'',(border)?'uni-date-x--border':'']}}"><block wx:if="{{!isRange}}"><view class="uni-date-x uni-date-single"><uni-icons vue-id="55cceed7-1" type="calendar" color="#e1e1e1" size="22" bind:__l="__l"></uni-icons><input class="uni-date__x-input" type="text" placeholder="{{singlePlaceholderText}}" disabled="{{true}}" data-event-opts="{{[['input',[['__set_model',['','singleVal','$event',[]]]]]]}}" value="{{singleVal}}" bindinput="__e"/></view></block><block wx:else><view class="uni-date-x uni-date-range"><uni-icons vue-id="55cceed7-2" type="calendar" color="#e1e1e1" size="22" bind:__l="__l"></uni-icons><input class="uni-date__x-input t-c" type="text" placeholder="{{startPlaceholderText}}" disabled="{{true}}" data-event-opts="{{[['input',[['__set_model',['$0','startDate','$event',[]],['range']]]]]}}" value="{{range.startDate}}" bindinput="__e"/><block wx:if="{{$slots.default}}"><slot></slot></block><block wx:else><view>{{rangeSeparator}}</view></block><input class="uni-date__x-input t-c" type="text" placeholder="{{endPlaceholderText}}" disabled="{{true}}" data-event-opts="{{[['input',[['__set_model',['$0','endDate','$event',[]],['range']]]]]}}" value="{{range.endDate}}" bindinput="__e"/></view></block><block wx:if="{{showClearIcon}}"><view data-event-opts="{{[['tap',[['clear',['$event']]]]]}}" class="uni-date__icon-clear" catchtap="__e"><uni-icons vue-id="55cceed7-3" type="clear" color="#e1e1e1" size="18" bind:__l="__l"></uni-icons></view></block></view></block></view><view data-event-opts="{{[['tap',[['close',['$event']]]]]}}" hidden="{{!(popup)}}" class="uni-date-mask" bindtap="__e"></view><block wx:if="{{!isPhone}}"><view data-ref="datePicker" hidden="{{!(popup)}}" class="uni-date-picker__container vue-ref"><block wx:if="{{!isRange}}"><view class="uni-date-single--x" style="{{(popover)}}"><view class="uni-popper__arrow"></view><block wx:if="{{hasTime}}"><view class="uni-date-changed popup-x-header"><input class="uni-date__input t-c" type="text" placeholder="{{selectDateText}}" data-event-opts="{{[['input',[['__set_model',['','tempSingleDate','$event',[]]]]]]}}" value="{{tempSingleDate}}" bindinput="__e"/><time-picker bind:input="__e" style="width:100%;" vue-id="55cceed7-4" type="time" border="{{false}}" disabled="{{!tempSingleDate}}" start="{{reactStartTime}}" end="{{reactEndTime}}" hideSecond="{{hideSecond}}" value="{{time}}" data-event-opts="{{[['^input',[['__set_model',['','time','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><input class="uni-date__input t-c" type="text" placeholder="{{selectTimeText}}" disabled="{{!tempSingleDate}}" data-event-opts="{{[['input',[['__set_model',['','time','$event',[]]]]]]}}" value="{{time}}" bindinput="__e"/></time-picker></view></block><calendar class="vue-ref" style="padding:0 8px;" vue-id="55cceed7-5" showMonth="{{false}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" date="{{defSingleDate}}" data-ref="pcSingle" data-event-opts="{{[['^change',[['singleChange']]]]}}" bind:change="__e" bind:__l="__l"></calendar><block wx:if="{{hasTime}}"><view class="popup-x-footer"><text data-event-opts="{{[['tap',[['confirmSingleChange',['$event']]]]]}}" class="confirm" bindtap="__e">{{okText}}</text></view></block><view class="uni-date-popper__arrow"></view></view></block><block wx:else><view class="uni-date-range--x" style="{{(popover)}}"><view class="uni-popper__arrow"></view><block wx:if="{{hasTime}}"><view class="popup-x-header uni-date-changed"><view class="popup-x-header--datetime"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{startDateText}}" data-event-opts="{{[['input',[['__set_model',['$0','startDate','$event',[]],['tempRange']]]]]}}" value="{{tempRange.startDate}}" bindinput="__e"/><time-picker bind:input="__e" vue-id="55cceed7-6" type="time" start="{{reactStartTime}}" border="{{false}}" disabled="{{!tempRange.startDate}}" hideSecond="{{hideSecond}}" value="{{tempRange.startTime}}" data-event-opts="{{[['^input',[['__set_model',['$0','startTime','$event',[]],['tempRange']]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{startTimeText}}" disabled="{{!tempRange.startDate}}" data-event-opts="{{[['input',[['__set_model',['$0','startTime','$event',[]],['tempRange']]]]]}}" value="{{tempRange.startTime}}" bindinput="__e"/></time-picker></view><uni-icons style="line-height:40px;" vue-id="55cceed7-7" type="arrowthinright" color="#999" bind:__l="__l"></uni-icons><view class="popup-x-header--datetime"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{endDateText}}" data-event-opts="{{[['input',[['__set_model',['$0','endDate','$event',[]],['tempRange']]]]]}}" value="{{tempRange.endDate}}" bindinput="__e"/><time-picker bind:input="__e" vue-id="55cceed7-8" type="time" end="{{reactEndTime}}" border="{{false}}" disabled="{{!tempRange.endDate}}" hideSecond="{{hideSecond}}" value="{{tempRange.endTime}}" data-event-opts="{{[['^input',[['__set_model',['$0','endTime','$event',[]],['tempRange']]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><input class="uni-date__input uni-date-range__input" type="text" placeholder="{{endTimeText}}" disabled="{{!tempRange.endDate}}" data-event-opts="{{[['input',[['__set_model',['$0','endTime','$event',[]],['tempRange']]]]]}}" value="{{tempRange.endTime}}" bindinput="__e"/></time-picker></view></view></block><view class="popup-x-body"><calendar class="vue-ref" style="padding:0 8px;" vue-id="55cceed7-9" showMonth="{{false}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" range="{{true}}" pleStatus="{{endMultipleStatus}}" data-ref="left" data-event-opts="{{[['^change',[['leftChange']]],['^firstEnterCale',[['updateRightCale']]],['^monthSwitch',[['leftMonthSwitch']]]]}}" bind:change="__e" bind:firstEnterCale="__e" bind:monthSwitch="__e" bind:__l="__l"></calendar><calendar class="vue-ref" style="padding:0 8px;border-left:1px solid #F1F1F1;" vue-id="55cceed7-10" showMonth="{{false}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" range="{{true}}" pleStatus="{{startMultipleStatus}}" data-ref="right" data-event-opts="{{[['^change',[['rightChange']]],['^firstEnterCale',[['updateLeftCale']]],['^monthSwitch',[['rightMonthSwitch']]]]}}" bind:change="__e" bind:firstEnterCale="__e" bind:monthSwitch="__e" bind:__l="__l"></calendar></view><block wx:if="{{hasTime}}"><view class="popup-x-footer"><text data-event-opts="{{[['tap',[['clear',['$event']]]]]}}" bindtap="__e">{{clearText}}</text><text data-event-opts="{{[['tap',[['confirmRangeChange',['$event']]]]]}}" class="confirm" bindtap="__e">{{okText}}</text></view></block></view></block></view></block><calendar class="vue-ref" data-custom-hidden="{{!(isPhone)}}" vue-id="55cceed7-11" clearDate="{{false}}" date="{{defSingleDate}}" defTime="{{reactMobDefTime}}" start-date="{{caleRange.startDate}}" end-date="{{caleRange.endDate}}" selectableTimes="{{mobSelectableTime}}" pleStatus="{{endMultipleStatus}}" showMonth="{{false}}" range="{{isRange}}" typeHasTime="{{hasTime}}" insert="{{false}}" hideSecond="{{hideSecond}}" data-ref="mobile" data-event-opts="{{[['^confirm',[['mobileChange']]]]}}" bind:confirm="__e" bind:__l="__l"></calendar></view>