$(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代码替代?
//綁定年月
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代码替代?