对于使用js实现日期选择器的使用

最新推荐文章于 2025-06-15 13:51:00 发布

江户川柯南234

最新推荐文章于 2025-06-15 13:51:00 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：工具

本文链接：https://blog.youkuaiyun.com/u011461231/article/details/52807282

工具专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用JSP技术实现的客户信息添加表单示例，包括表单元素如文本框、单选按钮等，并引入了日期选择器插件以方便用户选择日期。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib  prefix="my" uri="http://www.itcast.cn/tag"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/My97DatePicker/WdatePicker.js"></script>
    <title>My JSP 'index.jsp' starting page</title>
  </head>
  
  <body>
	
	${requestScope["add.message"]}<br>
	<form action="${pageContext.request.contextPath}/add" method="post">		
		客户姓名:<input type="text" name="name"><br>		
		客户性别:<input type="radio" name="gender" value="男" checked="checked">男<input type="radio" name="gender" value="女">女	<br>		
		客户生日:<input type="text" name="birthday" class="Wdate" onclick="WdatePicker()" readonly="readonly"><br>
		客户电话:<input type="text" name="cellphone"><br>
		客户邮箱:<input type="text" name="email"><br>
		客户爱好:<input type="text" name="preference"><br>
		客户类型:<input type="text" name="type"><br>
		客户备注:<input type="text" name="description"><br>
		<input type="submit" value="添加">
	</form>
	

  </body>
</html>

以下是需要的js文件 http://pan.baidu.com/s/1hspy528