微信小程序日期‘下一日’加减方法一

小程序日年月日加减

小程序开发过程中发现需要运用到上一日,下一日,上一月,下一月这些功能,网上看了太复杂不想去理解,自己写了一个记录下来。

样式

直接上代码图:

<view class="item time">
	<view class="up" bindtap="reduceDay">上一日</view>
		<view class="date">
			<picker mode="date" bindchange="changeDate">
				<icon class="iconfont icon-date"></icon> {{ date_day}}
			</picker>
		</view>
	<view class="down" bindtap="addDay">下一日</view>
</view>

reduceDay和addDay两个方法就是加减函数啦。中间日期用小程序提供的日期选择器。

js

js data里需要定义一个 date_day作为变量来传值啦。
下面直接代码记录:
三个函数:
选择日期函数
具体函数名对应上面样式里即可

changeDate: function (e) {
    console.log(e)
    this.setData({
      date_day: e.detail.value
    })
  },

加减日期函数

addDay: function () {
    let count = this.data.date_day;
    let year = parseInt(count.split("-")[0]);
    let month = parseInt(count.split("-")[1]);
    let day = parseInt(count.split("-")[2]);
    day += 1;
    if (day > 31) {
      month += 1;
      day = 1;
      if (month > 12) {
        year += 1;
        month = 1
      }
    }
    if (day < 10) {
      if (month < 10) {
        this.setData({
          date_day: year + '-0' + month + '-0' + day
        })
      }
      if (month >= 10) {
        this.setData({
          date_day: year + '-' + month + '-0' + day
        })
      }
    }
    if (day >= 10) {
      if (month < 10) {
        this.setData({
          date_day: year + '-0' + month + '-' + day
        })
      }
      if (month >= 10) {
        this.setData({
          date_day: year + '-' + month + '-' + day
        })
      }
    }
  },

至于相减也是大同小异,无非就是自增改为自减,减到0变为31、12即可。
当然,萌新出道,代码逻辑有问题欢迎各位大佬指点啦。

我是一个喜欢跪键盘的前端小萌新~~

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星海の君

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值