timeRange.wxml 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <view class="global-card time-range" style='margin-bottom:0;'>
  2. <view class='left' bindtap="openActionSheet">
  3. <view class="iconfont icon-rili1">{{language['时间范围']||'时间范围'}}</view>
  4. <view class="{{per.query(dateTypes,dateType) ? 'blue dateType' : 'dateType'}}">
  5. {{language[dateType]||dateType||language['自选']||'自选'}}
  6. </view>
  7. </view>
  8. <view class="right" bindtap="openTimePicker">
  9. <view class="default" wx:if="{{ dateType=='全部' }}">{{language['选择时区']||'选择时区'}}</view>
  10. <view wx:else class="range">
  11. {{begdate}}
  12. <view class="middle">至</view>
  13. {{enddate}}
  14. </view>
  15. <view class="iconfont icon-xiangxiazhankai" />
  16. </view>
  17. </view>
  18. <van-action-sheet show="{{ showTimePicker }}" bind:click-overlay='cancelWhereType'>
  19. <view class="detePickerHeader">
  20. <text catchtap="cancelWhereType">{{language['取消']||'取消'}}</text>
  21. <view class="type" catchtap="changeDateType">
  22. <view class="option {{whereType.value=='begdate'?'active-op':''}}" data-name="begdate">
  23. <view data-name="begdate">{{language['开始']||'开始'}}</view>
  24. <view data-name="begdate" class="time">
  25. {{whereType.begdate||language['开始时间']||'开始时间'}}
  26. </view>
  27. </view>
  28. <view class="option {{whereType.value=='enddate'?'active-op':''}}" data-name="enddate">
  29. <view data-name="enddate">{{language['结束']||'结束'}}</view>
  30. <view data-name="enddate" class="time">
  31. {{whereType.enddate||language['结束时间']||'结束时间'}}
  32. </view>
  33. </view>
  34. </view>
  35. <text catchtap="confirmTimePicker">{{language['确定']||'确定'}}</text>
  36. </view>
  37. <block wx:if="{{showTimePicker}}">
  38. <van-datetime-picker wx:if="{{whereType.value=='begdate'}}" show-toolbar='{{false}}' type="{{grading}}" value="{{ whereType.begTimestamp }}" data-name='begdate' bind:input="datetimeOnInput" />
  39. <van-datetime-picker wx:else show-toolbar='{{false}}' type="{{grading}}" value="{{ whereType.endTimestamp || whereType.begTimestamp }}" minDate='{{whereType.begTimestamp}}' data-name='enddate' bind:input="datetimeOnInput" />
  40. </block>
  41. </van-action-sheet>
  42. <van-action-sheet show="{{ actionShow }}" actions="{{ actions }}" bind:select='onSelect' bind:cancel='onCancel' bind:click-overlay='onCancel' cancel-text="{{language['取消']||'取消'}}" />
  43. <wxs src='../../utils/wxmlQueryPer.wxs' module="per" />