timePicker.wxml 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!--components/timePicker/timePicker.wxml-->
  2. <!-- 去除时分秒版 -->
  3. <!-- 自定义时间筛选器 -->
  4. <view hidden="{{!pickerShow}}">
  5. <view class="picker-container {{pickerShow?'show_picker':'hide_picker'}}" animation="{{animationData}}">
  6. <view class="btn-box" catchtouchmove="onCatchTouchMove">
  7. <view class="pick_btn" bindtap="hideModal">取消</view>
  8. <view class='pick_btn' style="color: #19f" bindtap="onConfirm">确定</view>
  9. </view>
  10. <view>
  11. <picker-view class='sensorTypePicker' indicator-style='height: 35px;' bindchange="changeStartDateTime"
  12. value="{{startValue}}" style="height: {{endDate?'120px':'250px'}};" bindpickstart="handlePickStart" bindpickend="handlePickEnd">
  13. <picker-view-column style="min-width: 70px;flex-shrink: 0">
  14. <view class='picker-item' wx:for="{{startYearList}}" wx:key='*this'>{{item}}年</view>
  15. </picker-view-column>
  16. <picker-view-column>
  17. <view class='picker-item' wx:for="{{startMonthList}}" wx:key='*this'>{{item}}月</view>
  18. </picker-view-column>
  19. <picker-view-column>
  20. <view class='picker-item' wx:for="{{startDayList}}" wx:key='*this'>{{item}}日</view>
  21. </picker-view-column>
  22. <!-- <picker-view-column hidden="{{!hourColumn}}">
  23. <view class='picker-item' wx:for="{{startHourList}}" wx:key='*this'>{{item}}时</view>
  24. </picker-view-column>
  25. <picker-view-column hidden="{{!minColumn}}">
  26. <view class='picker-item' wx:for="{{startMinuteList}}" wx:key='*this'>{{item}}分</view>
  27. </picker-view-column>
  28. <picker-view-column hidden="{{!secColumn}}">
  29. <view class='picker-item' wx:for="{{startSecondList}}" wx:key='*this'>{{item}}秒</view>
  30. </picker-view-column> -->
  31. </picker-view>
  32. </view>
  33. <view wx:if="{{endDate}}">
  34. <view class='to' style='margin-top: 4px;margin-bottom: 4px;'>至</view>
  35. <picker-view class='sensorTypePicker' indicator-style='height: 35px;' bindchange="changeEndDateTime" bindpickstart="handlePickStart" bindpickend="handlePickEnd"
  36. value="{{endValue}}">
  37. <picker-view-column style="min-width: 70px;flex-shrink: 0">
  38. <view class='picker-item' wx:for="{{endYearList}}" wx:key='*this' style="min-width: 70px;">{{item}}年</view>
  39. </picker-view-column>
  40. <picker-view-column>
  41. <view class='picker-item' wx:for="{{endMonthList}}" wx:key='*this'>{{item}}月</view>
  42. </picker-view-column>
  43. <picker-view-column>
  44. <view class='picker-item' wx:for="{{endDayList}}" wx:key='*this'>{{item}}日</view>
  45. </picker-view-column>
  46. <!-- <picker-view-column hidden="{{!hourColumn}}" >
  47. <view class='picker-item' wx:for="{{endHourList}}" wx:key='*this'>{{item}}时</view>
  48. </picker-view-column>
  49. <picker-view-column hidden="{{!minColumn}}">
  50. <view class='picker-item' wx:for="{{endMinuteList}}" wx:key='*this'>{{item}}分</view>
  51. </picker-view-column>
  52. <picker-view-column hidden="{{!secColumn}}">
  53. <view class='picker-item' wx:for="{{startSecondList}}" wx:key='*this'>{{item}}秒</view>
  54. </picker-view-column> -->
  55. </picker-view>
  56. </view>
  57. <!-- <view class='sure' bindtap="onConfirm">确定</view> -->
  58. </view>
  59. <!-- 遮罩 -->
  60. <view class="sensorType-screen" bindtap="hideModal" catchtouchmove="onCatchTouchMove" animation="{{animationOpacity}}"/>
  61. </view>