微信小程序 日期比较,计算天数

     checkDate: function(startTime,endTime) {
          //日期格式化
          var start_date = new Date(startTime.replace(/-/g, "/"));
          var end_date = new Date(endTime.replace(/-/g, "/"));
          //转成毫秒数,两个日期相减
          var ms = end_date.getTime() - start_date.getTime();
          //转换成天数
          var day = parseInt(ms / (1000 * 60 * 60 * 24));
          //do something
          console.log("day = ", day);
     },

还是老一套

  • 转毫秒
  • 计算差值
  • 转换成天数

得出差值之后,是计算天数,还是计算小时,都可以自行修改计算的公式的



  • 3
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
以下是一个简单的微信小程序开始日期、结束日期、天数计算的代码示例: 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类型的日期进行计算,并将计算出的天数更新到页面数据中。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

yechaoa

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

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

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

打赏作者

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

抵扣说明:

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

余额充值