项目代码：基金行事历JQuery代码

来源：互联网发布：婴儿床上装饰知乎编辑：程序博客网时间：2024/05/01 09:10

$(document).ready(function() {
    //綁定年月
    var date = new Date();
    $("#spnYear").html(date.getFullYear());
    $("#spnYear2").html(date.getFullYear());
    $("#spnMonth2").html(date.getMonth() + 1);

    //上一年
    $("#PrevYear").click(function() {
        $("#spnYear").html(parseInt($("#spnYear").html()) - 1);
        setCurrentMonth();
    });

    //下一年
    $("#NextYear").click(function() {
        $("#spnYear").html(parseInt($("#spnYear").html()) + 1);
        setCurrentMonth();
    });

    //左上角小日曆
    $("div.scalendar > table > tbody > tr > td").click(function() {
        $("#spnMonth2").html($(this).html().replace("月", ""));
        $("#spnYear2").html($("#spnYear").html());
        getCalendar();
    });

    //上一月
    $("#PrevMonth2").click(function() {
        var month = parseInt($("#spnMonth2").html());

        if (month > 1) {
            $("#spnMonth2").html(month - 1);
        }
        else {
            $("#spnMonth2").html(12);
            $("#spnYear2").html(parseInt($("#spnYear2").html()) - 1);
            $("#spnYear").html($("#spnYear2").html());
        }

        getCalendar();
        setCurrentMonth();
    });

    //下一月
    $("#NextMonth2").click(function() {
        var month = parseInt($("#spnMonth2").html());

        if (month < 12) {
            $("#spnMonth2").html(month + 1);
        }
        else {
            $("#spnMonth2").html(1);
            $("#spnYear2").html(parseInt($("#spnYear2").html()) + 1);
            $("#spnYear").html($("#spnYear2").html());
        }

        getCalendar();
        setCurrentMonth();
    });

    //綁定基金公司下拉框選項
    $.ajax({
        type: 'post',
        url: 'GetData/GetFundCompanyOptionList.aspx',
        dataType: "text",
        data: { 'selectedValue': '' },
        cache: false,
        success: function(options) {
            $('#sctFundCompany').append(options);
            $('#sctFundCompany').change();
        }
    });

    //綁定基金下拉框選項
    $("#sctFundCompany").change(function() {
        $.ajax({
            type: 'post',
            url: 'GetData/GetFundOptionList.aspx',
            dataType: "text",
            data: { 'selectedValue': '', 'fundCompany': $("#sctFundCompany").val() },
            cache: false,
            success: function(options) {
                $('#sctFund').empty();
                $('#sctFund').append(options);
            },
            complete: function(XMLHttpRequest, textStatus) {
                //getCalendar();
            }
        });
    });

    //綁定搜尋按鈕
    $('#btnSearch').click(function() {
        getCalendar();
    });

    //頁面加載時顯示行事歷
    getCalendar();

    //選中當前月份
    setCurrentMonth();
});

//獲取行事歷
function getCalendar() {
    $.ajax({
        type: 'post',
        url: 'GetData/GetCalendar.aspx',
        dataType: "text",
        data: { 'calendarType': $('#sctCalendarType').val(), 'fundCompany': $('#sctFundCompany').val(), 'fund': $('#sctFund').val(), 'year': $('#spnYear2').html(), 'month': $('#spnMonth2').html() },
        cache: false,
        success: function(html) {
            //alert(html);
            $('#calendar_container').html(html);
        }
    });
}

//選中當前月份
function setCurrentMonth() {
    var date = new Date();
    var year = $("#spnYear").html();
    var months = $("div.scalendar > table > tbody > tr > td");

    $.each(months, function(i, n) {
        if (year == date.getFullYear() && months[i].innerHTML == date.getMonth() + "月") {
            months[i].className = "current";
        } else {
            months[i].className = "";
        }
    });
}

相关上面的代码还有一点小疑问：
$.each(months, function(i, n) {
        if (year == date.getFullYear() && months[i].innerHTML == date.getMonth() + "月") {
            months[i].className = "current";
        } else {
            months[i].className = "";
        }
    });
红色的部分如何使用JQuery代码替代？

0 0