My97DatePicker文件包和使用例子

 <%@page import="com.yysoft.util.DateUtil"%> <%@page import="org.apache.commons.lang.StringUtils"%> <%@page import="com.yysoft.util.StringUtil"%> <%@page import="java.util.List"%> <%@page import="java.util.ArrayList"%> <%@page import="com.yysoft.util.Page"%> <%@page import="com.yysoft.util.Constant"%> <%@page import="com.yysoft.article.ArticleManager"%> <%@page import="com.yysoft.article.Article"%> <%@ page import="com.yysoft.activity.info.ActivityInfoManager"%> <%@ page import="com.yysoft.util.HashHelper"%> <%@ page import="com.yysoft.util.db.OrderBy"%> <%@ page import="com.yysoft.util.db.Fields"%> <%@page import="org.phjj.service.CatalogService"%> <%@page import="com.yysoft.catalog.Catalog"%> <%@ page language="java" pageEncoding="GBK"%> <%@page import="org.phjj.util.WebURLUtil"%> <%@ page import="com.yysoft.util.Request"%> <style> .Wdate { background: url("/web/STATIC/IMAGES/img_date.jpg") no-repeat scroll right center rgba(0, 0, 0, 0); border: 1px solid #999; height: 18px; width: 130px; } .WdateFmtErr { color: red; font-weight: bold; . WdateDiv #dpTime #dpTimeDown{ height : 10px; width: 13px; border: 0px; background-image: url(down.jpg); } /**************************** * 其他 ***************************/ /* 确定和几天按钮 INPUT */ .WdateDiv #dpButton input { height: 20px; width: 45px; padding: 2px; border: #38B1B9 1px solid; background-color: #CFEBEE; color: #08575B; } } </style> <!-- 日期控件 --> <script type="text/javascript" src="/web/information/My97DatePicker/WdatePicker.js"></script> <script type="text/javascript" src="/web/STATIC/SCRIPTS/myfocus.js"></script> <!--内容--> <div class="l_main"> <div class="container"> <!--格子--> <div class="c_top_grid l_top_grid"> <div class="c_grid_more c_ico_right"> 资讯 <i class="c_ico c_arrow_right_outline"></i> </div> <div class="c_grid_menu l_grid_menu"> <jsp:include page="/web/includes/catalog_menu.jsp"> <jsp:param value="<%=Constant.INFO_NEWS %>" name="catPath" /> </jsp:include> </div> <div class="l_grid_900 l_grid_today"> <div class="l_grid_inner1"> <%=WebURLUtil.getBreadCrumb(Constant.INFO_NEWS)%> <div class="l_cell_policy"> <div class="phzx3_l" style=""> <form action="" name="dateValueForm" method="post"> <div class=""> <table width="60%" style="margin-right: 200px;"> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr style="text-align: center;"> <td> <span>日期查询：</span> </td> <td> <div class="fl"> <input class="Wdate" type="text" maxlength="10" id="startDate" name="startDate" value="" style="width: 100px" onfocus="new WdatePicker(this,null,false,'whyGreen')" /> </div> </td> <td> <div class="phcp_5box1 fl"> <a href="javascript:void(0)" onclick=goYaowenSearch();>查询</a> </div> </td> </tr> </table> </div> </form> </div> <div class="c_title"> 今日要闻 </div> <div class="c_title2"> News Today </div> </div> <div id="dynamic_yaovalue_page"></div> </div> </div> <div class="clear"></div> </div> </div> </div> <script> function goYaowenSearch() { var f = document.dateValueForm; var beginDate = f.startDate.value; if (null != beginDate && "" != beginDate) { //alert(beginDate); } var url = "/web/information/news_content.jsp?beginDate=" + beginDate; url += "&a=" + Math.random(); alert("url:" + url); jQuery("div#dynamic_yaovalue_page").load(url); } jQuery(document).ready(function() { goYaowenSearch(); }); function showDiv(popupdiv) { $("#fade").show(); $("#" + popupdiv).show(); } // 根据层的ID关闭弹出层 function closeDiv(popupdiv) { $("#fade").hide(); $("#" + popupdiv).hide(); } </script>