当前位置:   article > 正文

uniapp picker 选择起始时间和结束时间_uniapp时间选择开始与结束必须在一天

uniapp时间选择开始与结束必须在一天

起始时间不能超过截止时间,截止时间不能早于起始时间

 HTML部分

  1. <view class="select-dates">
  2. <text class="date_title">起始:</text>
  3. <picker mode="date" :value="dateform.startTime" :start="startDate" :end="dateform.overTime" @change="bindDateChange">
  4. <view class="uni-input" v-if="dateform.startTime===''">请选择</view>
  5. <view class="uni-input" v-else>{{dateform.startTime}}</view>
  6. </picker>
  7. </view>
  8. <view class="select-dates">
  9. <text class="date_title">截止:</text>
  10. <picker mode="date" :value="dateform.overTime" :start="dateform.startTime" @change="bindDateChange2">
  11. <view class="uni-input" v-if="dateform.overTime===''">请选择</view>
  12. <view class="uni-input" v-else>{{dateform.overTime}}</view>
  13. </picker>
  14. </view>

JavaScript部分

  1. computed: {
  2. startDate() {
  3. return this.getDate('start');
  4. },
  5. endDate() {
  6. return this.getDate('end');
  7. }
  8. },
  9. methods: {
  10. // 获取时间
  11. getDate(type) {
  12. const date = new Date();
  13. let year = date.getFullYear();
  14. let month = date.getMonth() + 1;
  15. let day = date.getDate();
  16. if (type === 'start') {
  17. year = year - 60;
  18. } else if (type === 'end') {
  19. year = year + 2;
  20. }
  21. month = month > 9 ? month : '0' + month;
  22. day = day > 9 ? day : '0' + day;
  23. return `${year}-${month}-${day}`;
  24. },
  25. // 选择开始时间
  26. bindDateChange(e) {
  27. this.dateform.startTime = e.detail.value
  28. },
  29. // 选择结束时间
  30. bindDateChange2(e) {
  31. this.dateform.overTime = e.target.value;
  32. },
  33. // 按照时间查找
  34. findDate(){
  35. if(this.dateform.startTime===''||this.dateform.overTime===''){
  36. uni.showModal({
  37. title: '提示',
  38. content: `请选择起始时间和结束时间后,再点击查询`,
  39. showCancel: false
  40. });
  41. }else{
  42. getTask(this.dateform).then(res => {
  43. this.tasklistArr = JSON.parse(JSON.stringify(res.data.data));
  44. })
  45. }
  46. },
  47. // 清除时间
  48. cleardateForm(){
  49. this.dateform.startTime="";
  50. this.dateform.overTime="";
  51. getTask(this.dateform).then(res => {
  52. this.tasklistArr = JSON.parse(JSON.stringify(res.data.data));
  53. })
  54. },
  55. }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/565708
推荐阅读
相关标签
  

闽ICP备14008679号