在jsp中弹出日期选择日历

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

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

2012-03-06 adesh

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

其中的日期选择器使用的一个取决于：

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

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

来源

2012-03-06 18:12:39 t0r0X

根据您的应用架构，您可以选择以下方法之一：

1）服务器端方法（写“日期选择器” JSP标签）例如，Struts2框架有一个datepicker JSP标签： http://code.google.com/p/struts2-jquery/wiki/DatePickerTag

2）客户端方法（使用JavaScript控件来显示日期选择器）有很多JS部件在那里，你可以选择一个取决于你想设置的功能的复杂性。（jquery插件，dojo都提供日期选择器）

当你做出这个选择时，你可能会考虑整体应用架构，因为这个选择通常会影响你的所有网页（当你发现需要在你的UI中使用更多的小部件）

来源

2012-03-06 18:14:43

我用Google搜索了它。但我没有找到一个好的日期选择器。如果可以，请你提供我的链接。 – adesh 2012-03-06 18:24:09

Adesh，看看dojo/dijit datepicker： http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/form/test_DateTextBox.html 你也可以选择一个基于jQuery UI的日期选择器，如： http://jqueryui.com/demos/datepicker/ 我在我的应用程序中成功地使用了dojo datepicker。请注意，在选择上述小部件时，请注意可访问性（键盘，屏幕阅读器）等，如果这对您的应用程序很重要。此外，专业完成的叉车如dojo，jquery ui或extjs通常可以按照您的视觉设计为主题 – 2012-03-06 18:47:14

您可以提供我的源代码。我有我的最后期限。我的项目还有很多事情要做。我是最后一年Engg学生。请你说你已经实现了这样的datepicker，所以你可能会有相同的源代码。请你可以与我分享 – adesh 2012-03-07 08:23:46

-1

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>

来源

2014-03-08 07:20:35

在jsp中弹出日期选择日历

回答

相关问题