shortTerm.vue 697 B

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