使用JS,JQuery实现下拉框显示当前日期之前的年月

最新推荐文章于 2019-07-10 19:18:00 发布

原创最新推荐文章于 2019-07-10 19:18:00 发布 · 3.2k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个使用JavaScript和HTML实现的历史数据查询功能。该功能通过动态生成下拉菜单选项来让用户选择不同的年月，进而查询相应时间段的数据。文章提供了具体的实现代码，包括如何根据当前日期生成过去月份的选项以及如何处理用户的查询请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<select id="queryDate" name="queryDate">  
            <option>请选择年月</option>  
       </select> 
       <a  class="sbtn sbtn01" onclick="querySysj()" href="#">查询历史数据</a>

//当前月份之前的年月
var last_year_month = function() {  
    var d = new Date();
    var num = d.getMonth() + 1;
    var result = [];  
    for(var i = 1; i < num; i++) {  
        d.setMonth(d.getMonth() - 1);  
        var m = d.getMonth() + 1;  
        m = m < 10 ? "0" + m : m;  
        result.push(d.getFullYear() + m);  
        
    }  
    return result;  
}

$(document).ready(function(){  
	 //将值插入到下拉框
	 for(var allinfo = last_time(), i = 0; i < allinfo.length; i++) {  
         $("#queryDate").append("<option value='" + allinfo[i] + "'>" + allinfo[i] + "</option>");  
     }  
});

//查询历史数据
function querySysj(){
	var mainUrl = window.location.protocol+"//"+window.location.host+"/"+window.location.pathname.split("/")[1]+"/biz/sbzs/ssyccj_cx";
	
        //获取下拉框中选中的值，若未选值进行校验
        var yf = $('#queryDate').val(); 
	if(yf=="请选择年月"){
		alert("请选择年月");
		return;
	}

	var djxh=GetQueryString("djxh");
	window.open(mainUrl+"&djxh="+djxh+"&yf="+yf+"&test=true");
}

当前日期为2018/03/06,其效果图如下: