在我的程序中,有两个按钮,在这两个按钮的中央有一个空间供月使用JSP动态显示,例如<< current month >>
。 <<
和>>
是两个按钮。
对于以下情况,我需要逻辑上或程序上的解释:
当我单击左按钮时,应显示当前月份的前一个月。
当我单击右键时,应显示当前月份的下个月。
这应该动态发生。如何在JSP,JS和/或Ajax的帮助下做到这一点?
最佳答案
您可以使用jQuery轻松做到这一点:
HTML:
<a id="Previous" href="#"><<</a>
<span id="CurrentMonth">January</span>
<a id="Next" href="#">>></a>
Javascript:
var currentMonth = 0;
$(function(){
var months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
$("#Next").click(function() {
if (currentMonth < 11) {
currentMonth++;
$("#CurrentMonth").text(months[currentMonth]);
}
});
$("#Previous").click(function() {
if (currentMonth > 0) {
currentMonth--;
$("#CurrentMonth").text(months[currentMonth]);
}
});
});
如果您还想通知服务器有关当月的信息,则需要创建一个Ajax服务(例如使用servlet)。