webwork中使用datepicker标签来选择日期

最新推荐文章于 2025-05-15 16:20:36 发布

zxmzwq

最新推荐文章于 2025-05-15 16:20:36 发布

阅读量241

点赞数

CC 4.0 BY-SA版权

文章标签： Webwork freemarker JSP XHTML HTML

本文链接：https://blog.youkuaiyun.com/zxmzwq/article/details/83492115

本文详细介绍如何在WebWork框架中集成jscalendar日历组件，包括所需Jar包配置、文件结构搭建及页面代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、下载webwork-2.2.7.jar，解压
2、建立web项目，加入webwork相关jar包至lib目录(webwork-2.2.7.jar、commons-logging.jar、freemarker.jar、javamail.jar、javassist.jar、ognl.jar、oscore.jar、rife-continuations.jar、xwork.jar)，在此如何配置webwork就不多说了。
3、在WebRoot下建立webwork文件夹，将解压出来的文件夹中的jscalendar文件夹(在
com\opensymphony\webwork\static目录下)和xhtml文件夹(在template目录下)复制到刚建立的webwork文件夹下。
4、建立hello.jsp:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

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

<%@ taglib prefix="ww" uri="webwork"%>
<html>
<head>
<title>First WebWork Example</title>

<link rel="stylesheet" href="webwork/jscalendar/calendar-win2k-1.css"
type="text/css" />
</head>
<body>

<ww:datepicker label="时间" name="dd"
format="%Y-%m-%d %H:%M:%S" showstime="true" />
</body>
</html>
5、部署运行[url]http://localhost:8080/testWebWork_jsCalendar/hello.jsp[/url]即可。