Question

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

我需要对以下内容进行逻辑或程序化解释：

当我点击左键时，应显示当月的前一个月。
当我点击右键时，应显示当月的下个月。

这应该动态发生。如何在JSP，JS和/或Ajax的帮助下实现这一目标？

Answer 1

您可以使用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）。

如何在JSP中动态更改月份？

1 个答案: