在jsp中用于日期选择的弹出日历

Question

如何在jsp中添加用于日期选择的日期选择器(弹出式日历)？

我正在开发一个web应用程序。我想在jsp中有一个日历，这样用户就可以很容易地从日历中选择一个日期，而不是键入和验证日期。

Answer 1

网络上有很多日期选择器，只需在谷歌上搜索“日期选择器”即可。但既然你问了..。这里是给开发者的一个很好的概述，http://woork.blogspot.com/2009/01/beautiful-datepickers-and-calendars-for.html有截图和链接，这样你就可以一目了然地比较它们(这就是为什么我喜欢那个页面)。

使用哪一个日期选择器取决于：

1. JavaScript frameworks:可能其中一个已经在你的应用程序中使用了，这个框架会是你的最爱，因为编码/集成开销更小；

-

1. 外观:选择你喜欢的。

在JSP中，输入字段将保持不变，但是当单击/输入日期字段时，将出现弹出窗口。

Answer 2

根据您的应用程序体系结构，您可以选择以下方法之一：

1)服务器端方法(编写一个' datepicker‘JSP标记)例如，struts2框架有一个datepicker JSP标记：http://code.google.com/p/struts2-jquery/wiki/DatePickerTag

2)客户端方法(使用javascript小部件显示datepicker)有很多JS小部件，您可以根据所需功能集的复杂性选择一个。(jquery插件和dojo都提供了日期选择器)

在做出此选择时，您可能希望考虑整体应用程序架构，因为此选择通常会对所有网页产生影响(当您发现需要在UI中使用更多小部件时)

Answer 3

 add in head javascript code
 <head>
 <script type="text/javascript" lnaguage="javascript">
 $(function()
  {
  $("#datepicker").datepicker(
  {
  showOn:"both",
  buttonImage:"image.jpg",
  dateFormat:"yy-mm-dd",
  buttonImageOnly:false,
  minDate:+0, //you do not want to show previous date.
  maxDate:+0   // you do not want to show next day.
  });
  });
 </script>
 </head>
 <body>
 <input type="text" name="calendar" id="datepicker">
 </body>