如何用js进行日期的加减(天数)?

如何用js进行日期的加减(天数)?

HTML部分

<div class="col-md-2">
    <div class="form-group">
        <label class="control-label">开始时间:</label>
        <div class="mar_top">
            <input id="beginTime" class="form-control form_date font required"/>
        </div>
    </div>
</div>
<div class="col-md-2">
    <div class="form-group">
        <label class="control-label">提前提醒(天):</label>
        <div class="mar_top">
            <input id="preNotice" class="form-control font required number"/>
        </div>
    </div>
</div>
<div class="col-md-2">
    <div class="form-group">
        <label class="control-label">下次执行时间:</label>
        <div class="mar_top">
            <input id="nextTime" class="form-control font required"/>
        </div>
    </div>
</div>

开始时间: ID:beginTime
提前提醒: ID : preNotice
下次执行时间: ID:nextTime

页面中的JS

    $('#preNotice').change(function() {
        var beginTimeVal=$('#beginTime').val(),  //获取页面中的开始时间val(),格式为2017-01-11类型
            date='"'+beginTimeVal+'"', //拼接字符串【如果不拼接会被当做减法运算,传入的结果就为2005】
            days=$(this).val(),  //获取页面中的提前提醒时间(天)val()
            daysInt=parseInt(days);//强制转换为int类型【不转换不会报错但是时间不准确】
        var val=addDate(date,daysInt);//调用已经封装好的函数addDate
        $('#nextTime').val(val); 
    })

封装函数js

//日期加减法  date参数为计算开始的日期,days为需要加的天数   
//格式:addDate('2017-1-11',20) 
function addDate(date,days){ 
    var d=new Date(date); 
    d.setDate(d.getDate()+days); 
    var m=d.getMonth()+1; 
    return d.getFullYear()+'-'+m+'-'+d.getDate(); 
}

HTML代码片段

运行结果

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值