动态加载当前年份的前五年后十年

最新推荐文章于 2024-12-29 16:50:30 发布

泡泡菜叶

最新推荐文章于 2024-12-29 16:50:30 发布

阅读量4.7k

点赞数

分类专栏： easyui 文章标签： easyui 动态加载年份下拉框显示年份

本文链接：https://blog.youkuaiyun.com/u014656173/article/details/53750530

版权

easyui 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何利用JavaScript实现下拉框中动态加载当前年份及其前五年后十年的数据，适用于前端开发中的日期选择场景，如EasyUI组件的配置。

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

显示年份的下拉框

<input id="ss" class="easyui-combobox" style="width: 70px;"></input>

javaScript代码

    //加载年份
    $(function() {
        //年份  
        var date = new Date();
        var yearObj = $("#ss");
        //获取当前年份
        var currentYear = date.getFullYear();
        //默认值  
        var defaultVal = currentYear;
        yearObj.html("");
        var json = [];
        for (var i = currentYear - 5; i <= currentYear + 10; i++) {
            json.push({
                "id" : i,
                "text" : i + ""
            });
        }
        $("#ss").combobox(
                {
                    valueField : 'id',
                    textField : 'text',
                    value : defaultVal,
                    onChange : function(newValue, oldValue) 
                    {//选中年份值改变触发
                        $("#dg").datagrid(
                                'reload',
                                ctx + "/system/listHolidayBySelect?year="+ newValue);//加载选中年份的数据
                    },
                    height : 30,
                    panelHeight : json.length >= 7 ? "280px" : "auto"
                }).combobox("loadData", json);

    });