- 需求
- 查询近期任务,开始时间默认为当前时间,计划完成时间为当前时间之后2;
- 点击查询近期任务按钮后,开始时间框不显示时间,计划完成时间框需显示出两周后时间。
- 场景
<div class="form-group col-sm-3">
<label class="col-sm-4 control-label">开始时间:</label>
<div class="col-sm-8">
<input type="text" role="search" class="form-control input-sm" id="start_time" name="start_time" autocomplete="off">
</div>
</div>
<div class="form-group col-sm-3">
<label class="col-sm-4 control-label">计划完成时间:</label>
<div class="col-sm-8">
<input type="text" role="search" class="form-control input-sm" id="finish_time" name="finish_time" autocomplete="off">
</div>
</div>
<div class=" form-group col-sm-3">
<button type="button" class="btn btn-primary" onclick="rencentTask()">近期</button>
</div>
- 实现
function rencentTask() {
......//获取框值操作
if(startTime == null || startTime == "") {
startTime = getNowFormatDate();
}
if(finishTime == null || finishTime == "") {
finish_time.value = getDateStr(14);
finishTime = $('#finish_time').val();
}
......//传输框值操作
}
//获取addDayCount天后的日期
function getDateStr(addDayCount) {
var dd = new Date();
dd.setDate(dd.getDate()+addDayCount);//获取AddDayCount天后的日期
var yyyy = dd.getFullYear();
var mm = (dd.getMonth()+1)<10?"0"+(dd.getMonth()+1):(dd.getMonth()+1);//获取当前月份的日期,不足10补0
var dd = dd.getDate()<10?"0"+dd.getDate():dd.getDate();//获取当前几号,不足10补0
return yyyy+"-"+mm+"-"+dd;
}
//获取当前时间,格式YYYY-MM-DD
function getNowFormatDate() {
var date = new Date();
var seperator1 = "-";
var year = date.getFullYear();
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = year + seperator1 + month + seperator1 + strDate;
return currentdate;
}