index.wxml 1.7 KB

1234567891011121314151617181920212223
  1. <view class="page">
  2. <view class="page__hd">
  3. <view class="page__title">DatePickerView</view>
  4. <view class="page__desc">日期选择器</view>
  5. </view>
  6. <view class="page__bd">
  7. <wux-segmented-control values="{{ ['zh_CN', 'zh_TW', 'en'] }}" bind:change="onChange" />
  8. <view class="sub-title">Default {{ displayValue1 }}</view>
  9. <wux-date-picker-view lang="{{ lang }}" value="{{ value1 }}" data-index="1" bind:valueChange="onValueChange" />
  10. <view class="sub-title">Mode = date {{ displayValue2 }}</view>
  11. <wux-date-picker-view mode="date" lang="{{ lang }}" value="{{ value2 }}" data-index="2" bind:valueChange="onValueChange" />
  12. <view class="sub-title">Mode = year {{ displayValue3 }}</view>
  13. <wux-date-picker-view mode="year" lang="{{ lang }}" value="{{ value3 }}" data-index="3" bind:valueChange="onValueChange" />
  14. <view class="sub-title">Mode = month {{ displayValue4 }}</view>
  15. <wux-date-picker-view mode="month" lang="{{ lang }}" value="{{ value4 }}" data-index="4" bind:valueChange="onValueChange" />
  16. <view class="sub-title">Mode = time {{ displayValue5 }}</view>
  17. <wux-date-picker-view mode="time" lang="{{ lang }}" value="{{ value5 }}" data-index="5" bind:valueChange="onValueChange" />
  18. <view class="sub-title">Use12Hours & datetime {{ displayValue6 }}</view>
  19. <wux-date-picker-view use12Hours mode="datetime" lang="{{ lang }}" value="{{ value6 }}" data-index="6" bind:valueChange="onValueChange" />
  20. <view class="sub-title">Use12Hours & time {{ displayValue7 }}</view>
  21. <wux-date-picker-view use12Hours mode="time" lang="{{ lang }}" value="{{ value7 }}" data-index="7" bind:valueChange="onValueChange" />
  22. </view>
  23. </view>