点击按钮跳转月份

点击按钮跳转月份

在做考勤报表类项目中会按照日期筛选内容,此时发现给用户两个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();
	}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值