在我的程序中,有两个按钮,在这两个按钮的中央有一个空间供月使用JSP动态显示,例如<< current month >><<>>是两个按钮。

对于以下情况,我需要逻辑上或程序上的解释:


当我单击左按钮时,应显示当前月份的前一个月。
当我单击右键时,应显示当前月份的下个月。


这应该动态发生。如何在JSP,JS和/或Ajax的帮助下做到这一点?

最佳答案

您可以使用jQuery轻松做到这一点:

HTML:

<a id="Previous" href="#">&lt;&lt;</a>
<span id="CurrentMonth">January</span>
<a id="Next" href="#">&gt;&gt;</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)。

09-27 05:55