js 类似分期付款 日期划分段显示 获取两日期的天数

本文介绍如何使用Vue.js结合iview的datepicker组件,实现类似分期付款的日期划分,以及计算两个日期之间的天数。通过前端技术,动态展示日期段并进行天数计算,适用于金融或电商场景。
摘要由CSDN通过智能技术生成

js 类似分期付款 日期划分段显示 获取两日期的天数

/**
 * 计算两个日期相差的天数
 * startDate和endDate是2006-12-18格式 
 * sumDay 天数
 * 调用 this.dateDiff("2019-4-18", "2020-4-18");
 */
function dateDiff(startDate, endDate) {
  var dateStr, sDate, eDate, sumDay;
  dateStr = startDate.split("-");
  sDate = new Date(dateStr[0], dateStr[1], dateStr[2]); //转换为12-18-2006格式  
  dateStr = endDate.split("-");
  eDate = new Date(dateStr[0], dateStr[1], dateStr[2]);
  sumDay = parseInt(Math.abs(sDate - eDate) / 1000 / 60 / 60 / 24); //把相差的毫秒数转换为天数  
  console.log(sumDay);
  return sumDay;
}

/**
 * 根据输入周期显示时间段
 * n 周期
 * 调用 this.dateStaged(2);
 */
function dateStaged(n) {
  var dataArr = [];
  var data = new Date();
  var years = data.getFullYear();
  var month = data.getMonth() + 1;
  var day = data.getDate();

  var result = parseInt(12 / n);
  dataArr.push(years + "-" + month + "-" + day);
  var afterYear; //增加后的年份
  f
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值