码迷,mamicode.com
首页 > 微信 > 详细

微信小程序—修改日期

时间:2018-11-15 17:19:29      阅读:450      评论:0      收藏:0      [点我收藏+]

标签:rail   dmp   bee   aaa   tin   nat   star   show   udf   

最近项目开发在做微信小程序项目,记录一下开发过程中用到的一些小东西,实现的是一个点击增加减小日期的小东西,

贴一下效果图

技术分享图片

大概就是这个效果,可以点击减小日期,点击增大日期,也可以直接选择日期,相应的判断日期大小给出相应的提示。

技术分享图片

贴一下代码

<!-- wxml  -->

 <view class=‘order_process‘>
    <view class=‘dateBox‘>
      <view class=‘prev {{filterState1?"filter":""}}‘ data-type=‘prev‘ bindtap=‘dateChange‘></view>
      <picker  class=‘date weui-btn‘ mode="date" fields=‘year‘ value="{{date}}" start="{{minYear}}" end="{{currentyear}}" bindchange="bindDateChange">
        <view class="picker">
          {{date}}
        </view>
      </picker>      
      <view class=‘next {{filterState2?"filter":""}}‘ data-type=‘next‘ bindtap=‘dateChange‘></view>
    </view>
    <view class="dateText">{{reportedTime}}</view>
  </view>

 

/* wxss  */
/*因为小程序无法获取本地图片,这里我转成了Base64  */

.order_process {
  padding: 30rpx 10rpx;
  background-color: #fff;
}

.dateBox{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dateText{
  font-size: 28rpx;
  text-align: center;
  margin-top: 30rpx;
  color: #00a8ff;
}

.next{
  width: 80rpx;
  height: 80rpx;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAAGwkGG9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NjRCRjM4OUU3REMxMUU4QTI0QTgwOEZENkRCQ0U0RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NjRCRjM4QUU3REMxMUU4QTI0QTgwOEZENkRCQ0U0RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU2NEJGMzg3RTdEQzExRThBMjRBODA4RkQ2REJDRTRFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU2NEJGMzg4RTdEQzExRThBMjRBODA4RkQ2REJDRTRFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GIKSfAAADOhJREFUeNpi/P//PwMI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") 0 0 no-repeat;
  background-size: 100%;
}
.prev{
  width: 80rpx;
  height: 80rpx;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAAGwkGG9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RUUzNjYyOEU3REMxMUU4OTYyNEIzM0M3QUY3NTE5MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RUUzNjYyOUU3REMxMUU4OTYyNEIzM0M3QUY3NTE5MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVFRTM2NjI2RTdEQzExRTg5NjI0QjMzQzdBRjc1MTkzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVFRTM2NjI3RTdEQzExRTg5NjI0QjMzQzdBRjc1MTkzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8XIYkgAADOVJREFUeNpi/P//P4P7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") 0 0 no-repeat;
  background-size: 100%;
}

.date{
  width: 160rpx;
  height: 160rpx;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAC8CAYAAAG1TvQ9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QkFBNDdBN0U3REMxMUU4QTA4QkMxMzdDQjI2MUYxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QkFBNDdBOEU3REMxMUU4QTA4QkMxMzdDQjI2MUYxNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVCQUE0N0E1RTdEQzExRThBMDhCQzEzN0NCMjYxRjE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVCQUE0N0E2RTdEQzExRThBMDhCQzEzN0NCMjYxRjE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+M9RJMgAAIPhJREFUeNq0VUtKw0AY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") 0 0 no-repeat;
  background-size: 100%;
  text-align: center;
  line-height: 160rpx;
  color: #fff;
  margin: 0px 100rpx;
  font-family: ‘微软雅黑‘;
  font-size:38rpx;
  letter-spacing: 1px;
  }
  .filter{
    opacity: .35;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
  }
  /* js */

Page({

  /* 页面的初始数据 */
  data: {
    currentyear:2018,//当前年份为最大选择日期
    minYear: 2000,//当设置最小可选择日期
    date: 2018,
    filterState1:false,
    filterState2: true,
  },

  //页面加载
  onLoad: function (options) {
    var that = this;
    var date = new Date;
    var year = date.getFullYear(); 
    that.setData({
      currentyear: year,
      date: year
    });
  },

  //年份下拉选择
  bindDateChange: function (e) {
    var that = this;
    console.log(‘picker发送选择改变,携带值为‘, e.detail.value);
    var date = that.data.date;
    var selectedDate = e.detail.value;
    var currentyear = that.data.currentyear;
    var minYear = that.data.minYear;
    var filterState1 = that.data.filterState1;
    var filterState2 = that.data.filterState2;
    if (selectedDate < currentyear && selectedDate > minYear){
      filterState1 = false;
      filterState2 = false;
    } else if (selectedDate == currentyear) {
      filterState1 = false;
      filterState2 = true;
    } else if (selectedDate == minYear) {
      filterState1 = true;
      filterState2 = false;
    }else{
      wx.showToast({
        title: ‘年份只能在‘ + minYear + ‘和‘ + currentyear + ‘之间哦‘,
        duration: 1000
      });
    }

    this.setData({
      date: e.detail.value,
      filterState1: filterState1,
      filterState2: filterState2,
    })
  },
  // 年份增减
  dateChange:function(e){
    var that = this;
    var date = that.data.date;
    var currentyear = that.data.currentyear;
    var minYear = that.data.minYear;
    var filterState1 = that.data.filterState1;
    var filterState2 = that.data.filterState2;
    var type = e.target.dataset.type;
    if (type == ‘next‘) {
      filterState1 = false;
      if (date < currentyear){
          filterState2 = false,
          date++;
      } else {
          filterState2 = true,
          wx.showToast({
            title: ‘年份不能再大啦!‘,
            duration: 1000
          });
      }
    } else if (type == ‘prev‘) {
      filterState2 = false;
      if (date > minYear) {
          filterState1 = false, 
          date--;
      } else {
          filterState1 = true,
          wx.showToast({
            title: ‘年份不能再小啦!‘,
            duration: 1000
          });
      }
    } else {
      console.log(‘error‘);
    }
        
    that.setData({
      date: date,
      filterState1: filterState1,
      filterState2: filterState2,
    });
  }
})

 

感觉js写的好繁琐啊,不知道怎么优化更简单,要是有大哥愿意给出建议,不吝赐教,三克哦~~

微信小程序—修改日期

标签:rail   dmp   bee   aaa   tin   nat   star   show   udf   

原文地址:https://www.cnblogs.com/fanmiaolan/p/9964296.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!