在jsp中弹出日历以选择日期

Question

如何在jsp添加日期选择器（弹出日历）以进行日期选择？

我正在开发一个Web应用程序。 我想在jsp中使用日历，以便用户可以轻松地从该日历中选择日期，而不是键入和验证日期。

Answer 1

网上有很多日期选择器，只是谷歌的“日期选择器”。 但是，既然你已经问过......这里有一个很好的概述开发者http://woork.blogspot.com/2009/01/beautiful-datepickers-and-calendars-for.html的截图和链接，所以你可以在一瞥（这就是我喜欢那个页面的原因）。

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

1. JavaScript框架：可能其中一个已经在您的应用程序中使用，该框架将是最受欢迎的，因为编码/集成开销较小;
2. 外观：选择你喜欢的。

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

Answer 2

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

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

2）客户端方法（使用javascript小部件显示datepicker）有许多JS小部件，你可以根据所需功能集的复杂性选择一个。 （jquery插件，dojo都提供datepickers）

在做出此选择时，您可能需要考虑整体应用程序体系结构，因为此选择通常会对您的所有网页产生影响（因为您发现需要在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>