Files
oil-client-wechat/components/datetimePicker/datetimePicker.wxml
2025-12-19 11:20:59 +08:00

69 lines
4.0 KiB
Plaintext

<view class="mask" hidden="{{!is_show}}" catchtouchmove="true"></view>
<view class="modal_info fixed" hidden="{{!is_show}}">
<!-- 头部 -->
<view class="header">
<view class="left">选择时间</view>
<view class="right" bind:tap="onConfirm">确定</view>
</view>
<!-- 日期显示 -->
<view class="body">
<view class="{{currentTag==='start'?'left':'currentTag'}}" bind:tap="chooseTime" data-name="start">{{startPickTime}}</view>
<view class="{{currentTag==='end'?'right':'currentTag'}}"bind:tap="chooseTime"data-name="end">{{endPickTime}}</view>
</view>
<view class="footer">
<view class="timeNav">
<view class="item">年</view>
<view class="item">月</view>
<view class="item">日</view>
<view class="item">时</view>
<view class="item">分</view>
</view>
<view wx:if="{{currentTag==='start'}}">
<picker-view class='sensorTypePicker'bindchange="changeStartDateTime"
indicator-class='indicator'
value="{{startValue}}" style="height: {{endDate?'120px':'250px'}};" bindpickstart="handlePickStart" bindpickend="handlePickEnd">
<picker-view-column style="min-width: 70px;flex-shrink: 0">
<view class="{{[startValue[0]===index?'picker-item-active':'picker-item']}}" wx:for="{{startYearList}}" wx:key='*this'>{{item}}</view>
</picker-view-column>
<picker-view-column>
<view class="{{[startValue[1]===index?'picker-item-active':'picker-item']}}" wx:for="{{startMonthList}}" wx:key='*this'>{{item}}</view>
</picker-view-column>
<picker-view-column>
<view class="{{[startValue[2]===index?'picker-item-active':'picker-item']}}" wx:for="{{startDayList}}" wx:key='*this'>{{item}}</view>
</picker-view-column>
<picker-view-column hidden="{{!hourColumn}}">
<view class="{{[startValue[3]===index?'picker-item-active':'picker-item']}}" wx:for="{{startHourList}}" wx:key='*this'>{{item}}</view>
</picker-view-column>
<picker-view-column hidden="{{!minColumn}}">
<view class="{{[startValue[4]===index?'picker-item-active':'picker-item']}}" wx:for="{{startMinuteList}}" wx:key='*this'>{{item}}</view>
</picker-view-column>
<picker-view-column hidden="{{!secColumn}}">
<view class="{{[startValue[5]===index?'picker-item-active':'picker-item']}}" wx:for="{{startSecondList}}" wx:key='*this'>{{item}}</view>
</picker-view-column>
</picker-view>
</view>
<view wx:else>
<picker-view class='sensorTypePicker' indicator-style='height: 35px;' bindchange="changeEndDateTime" bindpickstart="handlePickStart" bindpickend="handlePickEnd"
value="{{endValue}}">
<picker-view-column style="min-width: 70px;flex-shrink: 0">
<view class="{{[endValue[0]===index?'picker-item-active':'picker-item']}}" wx:for="{{endYearList}}" wx:key='*this' style="min-width: 70px;">{{item}}</view>
</picker-view-column>
<picker-view-column>
<view class="{{[endValue[1]===index?'picker-item-active':'picker-item']}}" wx:for="{{endMonthList}}" wx:key='*this'>{{item}}</view>
</picker-view-column>
<picker-view-column>
<view class="{{[endValue[2]===index?'picker-item-active':'picker-item']}}" wx:for="{{endDayList}}" wx:key='*this'>{{item}}</view>
</picker-view-column>
<picker-view-column hidden="{{!hourColumn}}" >
<view class="{{[endValue[3]===index?'picker-item-active':'picker-item']}}" wx:for="{{endHourList}}" wx:key='*this'>{{item}}</view>
</picker-view-column>
<picker-view-column hidden="{{!minColumn}}">
<view class="{{[endValue[4]===index?'picker-item-active':'picker-item']}}" wx:for="{{endMinuteList}}" wx:key='*this'>{{item}}</view>
</picker-view-column>
<picker-view-column hidden="{{!secColumn}}">
<view class="{{[endValue[5]===index?'picker-item-active':'picker-item']}}" wx:for="{{startSecondList}}" wx:key='*this'>{{item}}</view>
</picker-view-column>
</picker-view>
</view>
</view>
</view>