Jquery自动生成当前年份日期筛选框

最新推荐文章于 2024-07-01 19:57:13 发布

Creabine

最新推荐文章于 2024-07-01 19:57:13 发布

阅读量3.9k

点赞数 1

分类专栏：实践思考 JavaScript/jQuery 文章标签： jquery 自动生成日期选项联动

本文链接：https://blog.csdn.net/Creabine/article/details/51222234

版权

本文介绍了一个jQuery实现的功能，自动生成从指定年份到当前年的年份选择框，以及默认显示当前月份的月份选择框。当年份选项改变时，月份选择框会联动更新。该功能适用于需要日期筛选的项目。

摘要由CSDN通过智能技术生成

项目需要，写了这个自动生成年份和月份的筛选框的功能

其中年份select可以生成从指定年份到今年的多个option，并默认选中今年；
月份select默认生成从1月到今月的多个option，并默认选中今月；
当年份select改变option时，联动改变月份select的option。

注意：都是在jQuery下写的

//首先是工具函数：给select添加option
function addtosel( sel_id, op_id, op_name )
{
    if( sel_id == undefined ||  sel_id == null )
        return;
    var  sel = $( sel_id );
    if( sel != undefined && sel != null)
        sel.add(new Option(op_name, op_id ));
    return sel;
}

///////////////////////////////////////获取2015年至今的年份,把他们给sel选项，并且选中今年
var year_options = [];  
//将这些年份设置给select的options
f