Question

如何在jsp中为日期选择添加日期选择器（弹出日历）？

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

Answer 1

网上有很多日期选择器，只需google for＆＃34;日期选择器＆＃34;。但是，既然你已经在这里向开发人员http://woork.blogspot.com/2009/01/beautiful-datepickers-and-calendars-for.html提供了截图和链接的良好概述，那么您可以一目了然地比较它们（这就是我喜欢该页面的原因）。

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

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

在您的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>

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

3 个答案: