time.vue 632 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view>
  3. <view class="item" @tap="timeVisible=true">选择时间</view>
  4. <view class="result">选择结果:{{result.result}}</view>
  5. <w-picker
  6. :visible.sync="timeVisible"
  7. mode="time"
  8. value="18:08:05"
  9. :current="true"
  10. :second="false"
  11. @confirm="onConfirm"
  12. @cancel="onCancel"
  13. ref="time"
  14. ></w-picker>
  15. </view>
  16. </template>
  17. <script>
  18. export default {
  19. data() {
  20. return {
  21. timeVisible:false,
  22. result:{
  23. result:""
  24. }
  25. };
  26. },
  27. methods:{
  28. onConfirm(res){
  29. this.result=res;
  30. console.log(res)
  31. },
  32. onCancel(){
  33. }
  34. }
  35. }
  36. </script>
  37. <style lang="scss">
  38. </style>