jsp中插入时间控件

最新推荐文章于 2024-03-07 11:45:00 发布
最新推荐文章于 2024-03-07 11:45:00 发布
阅读量1.7w 收藏 9
点赞数 2
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ru_li/article/details/51697932
版权

因工作需要，要实现数据库筛选功能，对于时间的筛选通过控件进行加载，具体方法如下：

1.下载My97DatePicker项目包

下载地址为：http://www.my97.net/dp/down.asp

2.将该项目包解压后加载到WebRoot的Js文件夹下，加载方法：Js->Import->File System,找到你解压文件的位置，加载即可。

3.在<head></head>头文件中用js方式导入WdatePicker.js

<span style="font-size:14px;"><script language="javascript" type="text/javascript" src="Js/WdatePicker.js"></script></span>

注意src文件的路径。

4.在<body></body>文件中添加内容：

<span style="font-size:14px;"> <input class="Wdate" type="text" onClick="WdatePicker()">--<input class="Wdate" type="text" onClick="WdatePicker()"></span>
保存，运行即可。

具体实例：

<span style="font-size:14px;"><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'test.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  	  <script language="javascript" type="text/javascript" src="js/WdatePicker.js"></script>
  </head>
  
  <body>
    <input class="Wdate" type="text" onClick="WdatePicker()">--<input class="Wdate" type="text" onClick="WdatePicker()">
  </body>
</html></span>

运行结果

如果要实现各种不同的时间选择情况，请参考http://jingyan.baidu.com/article/e6c8503c7244bae54f1a18c7.html

ru_li
关注
  • 2
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
JS时间控件
03-01
http://www.my97.net/dp/demo/ js做的时间控件 博文链接：https://zhenjw.iteye.com/blog/219863
js设置时间格式并放入时间控件My97DatePicker
weixin_30314631的博客
07-06 246
对时间控件默认当前时间的需求时常会有。 填表时间：<input id="tbsj" type="text" name="tbsj" value="" onclick="WdatePicker({dateFmt:\'yyyy-MM-dd\',isShowClear:false,onpicked:getrealyear});" /> js生成时间格式的代码： functi...
解决Fortify漏洞：Insecure Randomness（不安全随机数）
最新发布
m0_61869253的博客
03-07 879
网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。
自己用js写的日期控件
jimware的专栏
03-29 1454
datepicker.js：function HS_DateAdd(interval, number, date) { number = parseInt(number); if (typeof (date) == "string") {  var date = new Date(date.split("-")[0], date.split("-")[1], date    .split("-")[2]) } if (typeof (date) == "object") {  var date = date
时间控件的JS代码和调用
never_A_VIP的专栏
01-10 210
这是一个关于时间空间的JS代码，分享出来供大家参考： &lt;script type="text/javascript"&gt; document.write("&lt;div align='center' id=meizzCalendarLayer style='BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP:...
js时间控件（年月日时分秒）
shylhd的专栏
09-01 787
这部分是时间控件的的js代码，NewTime.js       var bMoveable=true;var strFrame;  document.writeln('&lt;iframe id=endDateLayer frameborder=0 width=162 height=211 style="position: absolute;  z-index: 9998; displ...
jsp时间控件
05-14
自己写的jsp时间控件！很强大的，希望对大家有用
jsp 选择时分秒控件_jsp日期插件My97DatePicker 强大的日期控件 使用方便简单
weixin_39897127的博客
12-29 1294
示例1-7 以星期一作为第一天2. 特色功能平面显示日期控件支持平面显示功能,只要设置一下eCont属性就可以把它当作日历来使用了,无需触发条件,直接显示在页面上示例2-1 平面显示演示WdatePicker({eCont:'div1',onpicked:function(dp){alert('你选择的日期是:'+dp.cal.getDateStr())}})$dp.cal.getDateStr ...
jsp页面日期控件的使用
畅快小世界的博客
05-24 2918
jsp页面日期属性注：jsp页面需引入scoutDatePicker.js与laydate.js 开始时间： <input id="beginDate" name="beginDate" type="text" maxlength="20" class="laydate-icon form-control layer-date " value=""/>
js弹出选择时间窗口选择时间
cheng - cheer up。。。 。。。
11-06 1691
日期选择 - BY ziyue /*=======Calendar.js=======By Jiang Hongbin=======*/ var months = new Array("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月&q
js时间控件--在文本框添加时间弹出控件
01-29
js时间控件--可以在文本框添加时间弹出控件
js时间控件
01-08
js时间控件，包括各种类型的时间显示，此控件简单粗暴而且主要的，功能强。
jsp日期选择器开发技术- Web开发
06-13
jsp 日期控件，please download for your best study way to my work and this can be a good job！
基于jsp的日历时间控件
07-09
基于jsp的日历时间控件，非常好用，界面美观，省去了时间的校验
简单实用jsp日期输入控件
11-06
用javascript和css样式完成的日期输入，点击的时候会显示一个日历的样子，用在需要输入日期的地方会很方便很实用！
jsp_calendar.rar_JSP怎么做日历_calendar jsp_jsp calendar_jsp日历控件_日历
09-21
此控件为jsp通用的日历控件，解决了时间输入的问题，用户可以通过此控件输入标准日期
日期控件 js ，java/jsp程序设计。
08-19
用js编写的日期控件，用户在文本编辑框可以直接调用控件，进行日期的插入。
输入密码控件
05-12
简洁的密码输入自定义控件
java date实现加一天代码，其他天数的一次类推
热门推荐
ru_li的专栏
07-06 7万+
import java.text.Format; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; public class $ { public static void main(String[] args) { Format f = new S
用jsp实现。 写出如下问题代码 1) intput. jsp中包含一个表单，其中“体育爱好”为允许多项选择的 字段式选择栏控件，且“篮球”“乒乓球” 选项为默认选中; 2)单击input. jsp的“注册”按钮将表单提交给handle. jsp处理，接收各表单控件信息，在handle 页面中进行必要的中文乱码处理;同时判断如果用户没有输入呢称，. 跳转回input. jsp页面并提示用户信息“呢称不能为空，请重新输入!” 3)如果用户输入呢称合法，则接受并打印出所有注册信息，在该页面 中添加一一个超链接一-修 改昵称，点击超链接跳转到updateForm. jsp,并将现有昵称使用session存储，使得在其他页面也能够使用; 4)在updateForm. jsp页面中创建表单，接收并展示现有昵称; 5)单击updateFrom. jsp页面的“修改”按钮后，将表单提交给 output. jsp页面处理。在该页面中显示信息。
05-30
1) intput.jsp中包含一个表单，其中“体育爱好”为允许多项选择的字段式选择栏控件，且“篮球”“乒乓球”选项为默认选中: ```jsp <!DOCTYPE html> <html> <head> <title>注册页面</title> </head> <body> <h1>用户注册</h1> <form action="handle.jsp" method="post"> <label for="username">用户名：</label> <input type="text" name="username" id="username"><br><br> <label for="password">密码：</label> <input type="password" name="password" id="password"><br><br> <label for="email">邮箱：</label> <input type="email" name="email" id="email"><br><br> <label for="phone">手机号：</label> <input type="text" name="phone" id="phone"><br><br> <label for="hobby">体育爱好：</label> <select name="hobby" id="hobby" multiple> <option value="basketball" selected>篮球</option> <option value="pingpong" selected>乒乓球</option> <option value="football">足球</option> <option value="tennis">网球</option> </select><br><br> <input type="submit" value="注册"> </form> </body> </html> ``` 2)单击input.jsp的“注册”按钮将表单提交给handle.jsp处理，接收各表单控件信息，在handle页面中进行必要的中文乱码处理;同时判断如果用户没有输入呢称，跳转回input.jsp页面并提示用户信息“呢称不能为空，请重新输入!” ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>处理页面</title> </head> <body> <% request.setCharacterEncoding("UTF-8"); //设置请求参数的编码格式为UTF-8 response.setContentType("text/html;charset=UTF-8"); //设置响应内容的编码格式为UTF-8 String username = request.getParameter("username"); //获取表单中的用户名 String password = request.getParameter("password"); //获取表单中的密码 String email = request.getParameter("email"); //获取表单中的邮箱 String phone = request.getParameter("phone"); //获取表单中的手机号 String[] hobby = request.getParameterValues("hobby"); //获取表单中的体育爱好 if(username == null || "".equals(username.trim())) { //判断用户名是否为空 out.print("<script>alert('呢称不能为空，请重新输入！');location.href='input.jsp';</script>"); //弹窗提示用户，跳转回input.jsp页面 return; } //打印出所有注册信息 out.print("<h1>用户注册信息</h1>"); out.print("<p>用户名：" + username + "</p>"); out.print("<p>密码：" + password + "</p>"); out.print("<p>邮箱：" + email + "</p>"); out.print("<p>手机号：" + phone + "</p>"); out.print("<p>体育爱好："); if(hobby != null) { for(String h : hobby) { out.print(h + " "); } } out.print("</p>"); //添加超链接-修改昵称，点击超链接跳转到updateForm.jsp session.setAttribute("username", username); //使用session存储现有昵称，使得在其他页面也能够使用 out.print("<a href='updateForm.jsp'>修改昵称</a>"); %> </body> </html> ``` 3)如果用户输入呢称合法，则接受并打印出所有注册信息，在该页面中添加一个超链接-修改昵称，点击超链接跳转到updateForm.jsp，并将现有昵称使用session存储，使得在其他页面也能够使用; 4)在updateForm.jsp页面中创建表单，接收并展示现有昵称; ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>修改昵称</title> </head> <body> <h1>修改昵称</h1> <form action="output.jsp" method="post"> <label for="username">现有昵称：</label> <% String username = (String)session.getAttribute("username"); //从session中获取现有昵称 out.print("<input type='text' name='username' id='username' value='" + username + "' readonly>"); //将现有昵称展示在表单中，并设置为只读 %><br><br> <label for="newUsername">新昵称：</label> <input type="text" name="newUsername" id="newUsername"><br><br> <input type="submit" value="修改"> </form> </body> </html> ``` 5)单击updateFrom.jsp页面的“修改”按钮后，将表单提交给output.jsp页面处理，在该页面中显示信息。 ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>输出页面</title> </head> <body> <% request.setCharacterEncoding("UTF-8"); //设置请求参数的编码格式为UTF-8 response.setContentType("text/html;charset=UTF-8"); //设置响应内容的编码格式为UTF-8 String newUsername = request.getParameter("newUsername"); //获取表单中的新昵称 //显示信息 out.print("<h1>修改昵称结果</h1>"); out.print("<p>现有昵称：" + session.getAttribute("username") + "</p>"); out.print("<p>新昵称：" + newUsername + "</p>"); session.setAttribute("username", newUsername); //将新昵称存储在session中，更新现有昵称 %> </body> </html> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值