微信小程序 js 获取当前月份的天数

// 计算这个月有多少天
  getCurrentMonthDayNum:function () {
    let today = new Date();
    let dayAllThisMonth = 31;
    if (today.getMonth() + 1 != 12) {
      let currentMonthStartDate = new Date(today.getFullYear() + "/" + (today.getMonth() + 1) + "/01"); // 本月1号的日期
      let nextMonthStartDate = new Date(today.getFullYear() + "/" + (today.getMonth() + 2) + "/01"); // 下个月1号的日期
      dayAllThisMonth = (nextMonthStartDate - currentMonthStartDate) / (24 * 3600 * 1000);
    }

    return dayAllThisMonth;
  },

逻辑很简单,如果是12月份直接返回31天,否则用下个月1号的时间减去本月1号的时间,然后计算时间间隔。

代码摘于自己的小程序“ 时间百分比”:

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的微信小程序开始日期、结束日期、天数计算的代码示例: wxml文件: ```html <!-- 计算天数页面 --> <view class="container"> <view class="form-group"> <view class="label">开始日期:</view> <picker mode="date" value="{{startDate}}" bindchange="startDateChange"> <view class="value">{{startDate}}</view> </picker> </view> <view class="form-group"> <view class="label">结束日期:</view> <picker mode="date" value="{{endDate}}" bindchange="endDateChange"> <view class="value">{{endDate}}</view> </picker> </view> <view class="result">{{dayCount}} </view> </view> ``` js文件: ```javascript Page({ data: { startDate: '', // 开始日期 endDate: '', // 结束日期 dayCount: 0 // 天数 }, onLoad: function () {}, startDateChange: function (e) { // 开始日期选择器改变事件处理函数 this.setData({ startDate: e.detail.value }) this.calculateDayCount() }, endDateChange: function (e) { // 结束日期选择器改变事件处理函数 this.setData({ endDate: e.detail.value }) this.calculateDayCount() }, calculateDayCount: function () { // 计算天数 const start = new Date(this.data.startDate) const end = new Date(this.data.endDate) const dayCount = (end - start) / (1000 * 60 * 60 * 24) this.setData({ dayCount: dayCount }) } }) ``` wxss文件: ```css .container { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20rpx; } .form-group { display: flex; align-items: center; margin-bottom: 20rpx; } .label { font-size: 28rpx; color: #333; margin-right: 20rpx; } .value { font-size: 28rpx; color: #007AFF; } .result { font-size: 32rpx; color: #333; } ``` 在这个示例中,我们使用了两个picker组件来选择开始日期和结束日期,分别绑定了startDateChange和endDateChange事件处理函数。在这两个事件处理函数中,我们分别将选择的日期更新到页面数据中,并调用calculateDayCount函数计算天数。在calculateDayCount函数中,我们使用了JavaScript内置的Date对象,将字符串类型的日期转换成了Date类型的日期进行计算,并将计算出的天数更新到页面数据中。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值