自定义JSP时间控件：强大日期选择器示例

需积分: 12 91 浏览量更新于2024-09-16 收藏 7KB TXT 举报

本文档主要介绍了如何在JSP（JavaServer Pages）中实现一个自定义的时间控件，用于处理日期和时间的选择。该时间控件是通过嵌入一个名为`calendar/cal.jsp`的外部组件来实现的，并且提供了一定程度的灵活性和易用性。 1. **JSP页面结构**: 首先，我们看到一个基本的JSP页面结构，使用了`<%@ page language="java" contentType="text/html; charset=gbk" %>`指令来指定页面语言、内容类型和字符编码。`<html>`标签内包含了一个`<jsp:include>`标签，引用了外部的`calendar/cal.jsp`文件，这表明时间控件是通过动态包含其他页面来实现的。 2. **时间输入组件**: 页面中有一个表格元素，其中包含一个`<input>`元素，其`type="text"`属性设置为`name="startdate_str"`，表示这是一个表单字段，用户将在此输入或选择日期和时间。这个字段是`readonly`的，不允许直接修改，但可以通过点击旁边图像来调用`showCalendar`函数。这个函数的参数包括时间字段名称（`startdate_str`）、期望的时间格式字符串`'%Y-%m-%d%H:%M:%S'`（代表年月日时分秒，采用24小时制），以及显示的最大天数（这里是24）和是否启用时区选择。 3. **JavaScript函数**: `showCalendar`函数是一个客户端脚本，它接受四个参数：时间字段名、期望的时间格式、最大天数和是否允许时区选择。这个函数的作用是弹出日期时间选择器，允许用户在指定格式下选择日期和时间，然后将选中的值填充到相应的`<input>`字段中。 4. **CSS和链接**: 代码中还包含了一个`<link>`标签，用于引入CSS样式表，可能是为了美化时间选择器或者整个页面的布局。`calPath`是一个Java表达式，用于获取当前上下文路径加上`/etc/calendar`，可能是外部`calendar`组件的静态资源路径。总结：这个JSP时间控件通过结合HTML、JSP和JavaScript，提供了一个方便用户选择日期和时间的功能，尤其适合那些需要处理时间输入的应用场景。开发者可以将这个时间控件轻松地集成到自己的JSP页面中，提高用户体验。同时，它的灵活性使得它能够适应不同的格式和需求，是开发过程中一个实用的工具。

如某一jsp页面要引入一个时间控件，该文件名为test.jsp，源码如下：
----------------------------------------------------
<%@ page language="java" contentType="text/html; charset=gbk" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">
<html>

<jsp:include page="./calendar/cal.jsp"></jsp:include>------------------------（1）

<table height="1" border="1" style="border-collapse:collapse ">

<tr>
<td nowrap>日期</td>
<td>

<input type="text" name="startdate_str" value="" readonly="readonly"><img

src="./images/datetime.gif" style="cursor:hand;" alt="弹出日历选择框"
onclick="return showCalendar('startdate_str', '%Y-%m-%d %H:%M:%S', '24',

true);">------------------------------------------------------（2）

</td>
</tr>

</table>
</html>
-----------------

剩余6页未读，继续阅读

b6238687

粉丝: 0
资源: 3

自定义JSP时间控件：强大日期选择器示例

jsp日期选择器开发技术- Web开发

Jsp日期控件

jsp日期控件，里面有例子，讲解很详细

jsp控件在jsp中的设置

想要jsp自定义控件显示在同一行

jsp实现日期控件代码

新建一个jsp页面，页面中包括一个表单和用户名、密码两个控件，用户点击提交按钮则转到另一个jsp；新建一个类（java bean类）处理表单信息；另一个jsp利用基于类的javabean对象获取并显示第一个jsp中传来的用户名和密码。

已知存在一个time.jsp文件能够显示当前系统时间。请设计一个jsp文件，该文件名称为b.jsp，将time.jsp包含在b.jsp文件中，在浏览器访问b.jsp页面时，显示“欢迎访问，现在的时间是

最新资源