点击按钮跳转月份
在做考勤报表类项目中会按照日期筛选内容,此时发现给用户两个input输入框自己选日期就显得操作繁琐。于是写了三个按钮直接按照月份跳转,并将当前选择的月份在输入框中显示出来
<li><a class="btn btn-primary btn-sm" onclick="lastMonth()"> <i class="fa fa-angle-double-left"></i>上月</a>
<a onclick="nowMonth()" class="btn btn-primary btn-sm">本月</a>
<a class="btn btn-primary btn-sm" onclick="nextMonth()">下月 <i class="fa fa-angle-double-right"></i></a></li>
<li class="select-time"><label>开始日期:</label>
<input type="text" class="time-input" id="startTime" placeholder="开始时间" name="params[beginTime]" />
<span>截止日期:</span>
<input type="text" class="time-input" id="endTime"placeholder="截止日期" name="params[endTime]" /></li>
点击跳转到上个月
function lastMonth(){
var startDay=$("#startTime").val();
var endDay =$("#endTime").val();
var newFirst;//更改后第一天
var newEnd;//更改后最后一天
var months="02,04,06,08,09,11";
var days= new Array(); //定义一数组
days=startDay.split("-");
var month=days[1];
if(months.indexOf(month)!= -1){//该31天
newFirst=days[0]+"-"+(parseInt(days[1])-1)+"-"+'01';
newEnd=days[0]+"-"+(parseInt(days[1])-1)+"-"+'31';
}else if(month == "01"){//该上一年
newFirst=(parseInt(days[0])-1)+"-12-"+'01';
newEnd=(parseInt(days[0])-1)+"-12-"+'31';
}else if(month =="03"){//该二月
var year=parseInt(days[0]);
newFirst=year+"-02-"+'01';
if(year%4==0&&year%100!=0||year%400==0){//是闰年
newEnd=year+"-02-"+'29';
}else{//平年
newEnd=year+"-02-"+'28';
}
}else{//该30天
newFirst=days[0]+"-"+(parseInt(days[1])-1)+"-"+'01';
newEnd=days[0]+"-"+(parseInt(days[1])-1)+"-"+'30';
}
$("#startTime").val(newFirst);
$("#endTime").val(newEnd);
}
点击跳转到下个月
function nextMonth(){
var startDay=$("#startTime").val();
var endDay =$("#endTime").val();
var newFirst;//更改后第一天
var newEnd;//更改后最后一天
var months="02,04,06,07,09,11";
var days= new Array(); //定义一数组
days=startDay.split("-");
var month=days[1];
if(months.indexOf(month)!= -1){//该31天
newFirst=days[0]+"-"+(parseInt(days[1])+1)+"-"+'01';
newEnd=days[0]+"-"+(parseInt(days[1])+1)+"-"+'31';
}else if(month == "12"){//该下一年
newFirst=(parseInt(days[0])+1)+"-01-"+'01';
newEnd=(parseInt(days[0])+1)+"-01-"+'31';
}else if(month =="01"){//该二月
var year=parseInt(days[0]);
newFirst=year+"-02-"+'01';
if(year%4==0&&year%100!=0||year%400==0){//是闰年
newEnd=year+"-02-"+'29';
}else{//平年
newEnd=year+"-02-"+'28';
}
}else{//该30天
newFirst=days[0]+"-"+(parseInt(days[1])+1)+"-"+'01';
newEnd=days[0]+"-"+(parseInt(days[1])+1)+"-"+'30';
}
$("#startTime").val(newFirst);
$("#endTime").val(newEnd);
}
点击跳到本月
function nowMonth(){
$("#startTime").val(startTime);
$("#endTime").val(endTime);
$.table.search();
}