关于导入My97DatePicker时间插件遇到的问题及解决方案

开始时单独导入到jsp的空白页面,时间的函数可以发挥作用,代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html >
  <head>
  <title>My97date</title>
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script></head>

<body>
<form >
 <input id="sdate" class="Wdate" onfocus="WdatePicker({dateFmt:‘yyyy-MM-dd‘,readOnly:true,maxDate:‘#F{$dp.$D(\‘edate\‘)}‘})" />  
    -  
    <input id="edate" class="Wdate" onfocus="WdatePicker({dateFmt:‘yyyy-MM-dd‘,readOnly:true,minDate:‘#F{$dp.$D(\‘sdate\‘)}‘,startDate:‘#F{$dp.$D(\‘sdate\‘,{d:+1})}‘})" /><br><br>
<input type="text" id="time" class="Wdate" onfocus="WdatePicker({lang:‘zh-cn‘,dateFmt:‘yyyy-MM-dd‘})"/>
</form>
<script type="text/javascript">
$(function(){
  $("#time").blur(function(){
  var time =$(this).val();
  if(time==""){
  alert("请选择时间");
  }
  
  
  });

});
</script>
上面的代码可以正常显示时间的格式

实际用到的页面为:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s"  uri="/struts-tags"%>
<%
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 ‘info.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">
   
</head>

  <body>

   <div class="action">
                        <div class="t">
                            申请休假
                        </div>
                        <div class="pages">                        
                        <form action="${pageContext.request.contextPath }/attence/addleave.action?usid=<s:property value=‘#session.user1.id‘ />" method="post" onsubmit="return checkAll()" enctype="application/x-www-form-urlencoded" target="_self1">
                           
                            <table width="90%" border="0" cellspacing="0" cellpadding="0">
                                <tr >
                                        <td align="right" width="30%">姓名:</td><td  align="left"><input type="text" onblur="checkUname()"  name="at.aname" id="at.aname" /></td>
                                </tr>
                                <tr >
                                    <td align="right" width="30%">开始时间:</td><td  align="left"><input type="text" id="sdate"  name="at.astarttime" class="Wdate" onfocus="WdatePicker({dateFmt:‘yyyy-MM-dd‘,readOnly:true,maxDate:‘#F{$dp.$D(\‘edate\‘)}‘})"  /><a style="color: red">*<span id="span1"></span> </a></td>
                                </tr>
                                <tr >
                                    <td align="right" width="30%">结束时间:</td><td  align="left"><input type="text"  id="edate" name="at.aendtime" class="Wdate" onfocus="WdatePicker({dateFmt:‘yyyy-MM-dd‘,readOnly:true,minDate:‘#F{$dp.$D(\‘sdate\‘)}‘,startDate:‘#F{$dp.$D(\‘sdate\‘,{d:+1})}‘})"/><a style="color: red">*<span id="span2"></span> </a></td>
                                </tr>    
                                <tr >
                                    <td align="right" width="30%">请假天数:</td><td  align="left"><input type="text"  name="at.aday"  id="aday"/><a style="color: red">*<span id="span3"></span></a></td>
                                </tr>
                                
                                
                                <tr >
                                    <td align="right" width="30%">请假原因:</td><td  align="left"><textarea rows="2" cols="20" id="at.areason" name="at.areason"></textarea></td>
                                </tr>
                                <tr >
                                    <td align="right" width="30%">审批人:</td><td  align="left">
                                    <select id="at.lid" name="at.lid" > 
                                    <s:iterator value="#session.userList1" var="user" status="status">
                                       <option value="<s:property value=‘id‘/>"><s:property value="rname"/></option>
                                       </s:iterator>
                                    </select>
                                    </td>
                                </tr>                                                
                                <tr >
                                    <td align="center" colspan="2">
                                    <br/><input type="submit"  id="save" value="提交申请"  />
                                    <input type="button"  id="return" value="返回" onclick="window.history.back()" />
                                    </td>
                                </tr>
                                
                                </table>
                                </form>
                        </div>
                    </div>  
                 </body>  
</html>

红色区域为时间插件可以显示的顺序,之前的顺序css在最前,其次是jQuery和时间的插件,修改后恢复正常,同时当时使用的是MyEclipse,需要重新启动方可正常显示,所以修改之后,要重新启动服务器.

时间: 2024-10-11 22:29:07

关于导入My97DatePicker时间插件遇到的问题及解决方案的相关文章

时间插件

时间插件wdatepicker - [ ] jeDate 下载地址 - [ ] bootstrap-datetimepicker 下载地址 - [ ] My97DatePicker 下载地址 - [ ] jQuery UI 插件Datepicker 下载地址

时间插件摘要

示例4-3-4 发挥你的JS才能,定义任何你想要的日期限制 自动转到随机生成的一天,当然,此示例没有实际的用途,只是为演示目的 <script>//返回一个随机的日期function randomDate(){var Y = 2000 + Math.round(Math.random() * 10);var M = 1 + Math.round(Math.random() * 11);var D = 1 + Math.round(Math.random() * 27);return Y+'-'

添加一个时间插件: 1.把插件放到 public目录 下 datetimepicker

<!-- 引入时间插件 --><link href="__PUBLIC__/datetimepicker/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" type="text/css" /><script type="text/javascript" charset="utf-8" src="__PUBLIC__/da

My97DatePicker时间控件

之前一直使用easyui控件无法实现只显示yyyy年MM月格式或者显示yyyyMM格式.相比My97DatePicker时间控件更为强大些. 只要在页面引用如下脚本,WdatePicker.js内部会引用其它js. <script type="text/javascript" src="<%=root%>/Common/My97DatePicker/WdatePicker.js"></script> 然后在input中编写oncl

sqoop导入数据时间日期类型错误

一个问题困扰了很久,用sqoop import从mysql数据库导入到HDFS中的时候一直报错,最后才发现是一个时间日期类型的非法值导致. hive只支持timestamp类型,而mysql中的日期类型是datetime, 当datetime的值为0000-00-00 00:00:00的时候,sqoop import成功,但是在hive中执行select语句查询该字段的时候报错. 解决方法是在创建hive表时用string字段类型. sqoop导入数据时间日期类型错误,布布扣,bubuko.co

js多功能时间插件推荐

多应用的js网页代码时间插件,可以选择多种模式,官网jedate插件演示demo 演示及下载地址:http://www.sucaihuo.com/js/1087.html

Angular Js -moment Picker 时间插件(时间段选择)

Angular Js -moment Picker  时间插件(时间段选择) 一.moment Picker  插件的下载.引用及配置就不在多说了,直接暴力上代码 二.Html <span>{{ctrl.newchoose}}</span> <span id='#showEndTimeError' placeholder="请选择日期" moment-picker="ctrl.chooseFormatted" format="

My97DatePicker日历插件特殊日期做标记的使用

最近项目中有用到日历表,针对特殊日期做标记.项目中需求是查询到本月有录像则在对应日期做标记.项目中使用到了jQuery的My97DatePicker日历插件. 下面就介绍下如何使用My97DatePicker日历插件及实现对应功能. 一.项目中引入My97DatePicker包 二.jsp页面中引入WdatePicker.js <script type="text/javascript" src="/common/js/My97DatePicker/WdatePicke

bootstrap时间插件 火狐不显示 完美解决方法

原文链接:http://www.phpbiji.cn/article/index/id/141/cid/4.html bootstrap时间插件火狐 bootstrap-datetimepicker火狐 不管用 不显示:解决方案:     在项目开发中用到了bootstrap-datetimepicker的时间插件,但是在火狐下却不能使用,在网上找到的方法什么外层模态框去掉tabindex="-1" role="dialog"属性,不管用的!!或许仅仅只是适用于他的