项目初始导入

This commit is contained in:
dell
2017-12-29 16:18:40 +08:00
commit 0788f42ae7
3221 changed files with 500217 additions and 0 deletions

View File

@@ -0,0 +1,90 @@
<config>
<enabled>true</enabled>
<baseDir></baseDir>
<baseURL>/userfiles/</baseURL>
<licenseKey></licenseKey>
<licenseName></licenseName>
<imgWidth>1024</imgWidth>
<imgHeight>768</imgHeight>
<imgQuality>80</imgQuality>
<uriEncoding>UTF-8</uriEncoding>
<forceASCII>false</forceASCII>
<disallowUnsafeCharacters>false</disallowUnsafeCharacters>
<userRoleSessionVar>CKFinder_UserRole</userRoleSessionVar>
<checkDoubleExtension>true</checkDoubleExtension>
<checkSizeAfterScaling>true</checkSizeAfterScaling>
<secureImageUploads>true</secureImageUploads>
<htmlExtensions>html,htm,xml,js</htmlExtensions>
<hideFolders>
<folder>.*</folder>
<folder>CVS</folder>
</hideFolders>
<hideFiles>
<file>.*</file>
</hideFiles>
<defaultResourceTypes></defaultResourceTypes>
<types>
<type name="files">
<url>%BASE_URL%files/</url>
<directory>%BASE_DIR%files</directory>
<maxSize>5M</maxSize>
<allowedExtensions>7z,aiff,asf,avi,bmp,csv,doc,docx,fla,flv,gif,gz,gzip,jpeg,jpg,mid,mov,mp3,mp4,mpc,mpeg,mpg,ods,odt,pdf,png,ppt,pptx,pxd,qt,ram,rar,rm,rmi,rmvb,rtf,sdc,sitd,swf,sxc,sxw,tar,tgz,tif,tiff,txt,vsd,wav,wma,wmv,xls,xlsx,zip</allowedExtensions>
<deniedExtensions></deniedExtensions>
</type>
<type name="images">
<url>%BASE_URL%images/</url>
<directory>%BASE_DIR%images</directory>
<maxSize>2M</maxSize>
<allowedExtensions>bmp,gif,jpeg,jpg,png</allowedExtensions>
<deniedExtensions></deniedExtensions>
</type>
<type name="flash">
<url>%BASE_URL%flash/</url>
<directory>%BASE_DIR%flash</directory>
<maxSize>2M</maxSize>
<allowedExtensions>swf,flv</allowedExtensions>
<deniedExtensions></deniedExtensions>
</type>
</types>
<accessControls>
<accessControl>
<role>*</role>
<resourceType>*</resourceType>
<folder>/</folder>
<folderView>false</folderView>
<folderCreate>false</folderCreate>
<folderRename>false</folderRename>
<folderDelete>false</folderDelete>
<fileView>false</fileView>
<fileUpload>false</fileUpload>
<fileRename>false</fileRename>
<fileDelete>false</fileDelete>
</accessControl>
</accessControls>
<thumbs>
<enabled>true</enabled>
<url>%BASE_URL%_thumbs/</url>
<directory>%BASE_DIR%_thumbs</directory>
<directAccess>true</directAccess>
<maxWidth>320</maxWidth>
<maxHeight>240</maxHeight>
<quality>80</quality>
</thumbs>
<plugins>
<plugin>
<name>imageresize</name>
<class>com.ckfinder.connector.plugins.ImageResize</class>
<params>
<param name="smallThumb" value="90x90"></param>
<param name="mediumThumb" value="120x120"></param>
<param name="largeThumb" value="180x180"></param>
</params>
</plugin>
<plugin>
<name>fileeditor</name>
<class>com.ckfinder.connector.plugins.FileEditor</class>
<params></params>
</plugin>
</plugins>
<basePathBuilderImpl>com.ckfinder.connector.configuration.ConfigurationPathBuilder</basePathBuilderImpl>
</config>

View File

@@ -0,0 +1,34 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="renderer" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=8,IE=9,IE=10" />
<meta http-equiv="Expires" content="0"><meta http-equiv="Cache-Control" content="no-cache"><meta http-equiv="Cache-Control" content="no-store">
<script src="${pageContext.request.contextPath }/static/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath }/static/bootstrap/2.3.1/css_${not empty cookie.theme.value ? cookie.theme.value : 'cerulean'}/bootstrap.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/bootstrap/2.3.1/js/bootstrap.min.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath }/static/bootstrap/2.3.1/awesome/font-awesome.min.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/bootstrap/2.3.1/docs/assets/js/bootstrap-tooltip.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/static/bootstrap/2.3.1/docs/assets/js/bootstrap-popover.js" type="text/javascript"></script>
<!--[if lte IE 7]><link href="${pageContext.request.contextPath }/static/bootstrap/2.3.1/awesome/font-awesome-ie7.min.css" type="text/css" rel="stylesheet" /><![endif]-->
<!--[if lte IE 6]><link href="${pageContext.request.contextPath }/static/bootstrap/bsie/css/bootstrap-ie6.min.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/bootstrap/bsie/js/bootstrap-ie.min.js" type="text/javascript"></script><![endif]-->
<link href="${pageContext.request.contextPath }/static/jquery-select2/3.4/select2.min.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/jquery-select2/3.4/select2.min.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath }/static/jquery-validation/1.11.0/jquery.validate.min.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/jquery-validation/1.11.0/jquery.validate.min.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath }/static/jquery-jbox/2.3/Skins/Bootstrap/jbox.min.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/jquery-jbox/2.3/jquery.jBox-2.3.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/static/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath }/static/common/pricing-tables.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/common/jquery.cookie.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/static/common/mustache.min.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath }/static/common/jeesite.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/common/jeesite.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath }/static/jquery-plugin/jquery.autocomplete.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/jquery-plugin/jquery.autocomplete.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath }/static/common/unicodes.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath }/static/jquery-toastr/toastr.min.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/jquery-toastr/toastr.min.js" type="text/javascript"></script>

View File

@@ -0,0 +1,9 @@
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fns" uri="/WEB-INF/tlds/fns.tld" %>
<%@ taglib prefix="sys" tagdir="/WEB-INF/tags/sys" %>
<c:set var="ctx" value="${pageContext.request.contextPath}${fns:getStringProperty('adminPath','/nis')}"/>
<c:set var="ctxStatic" value="${pageContext.request.contextPath}/static"/>

View File

@@ -0,0 +1,36 @@
<?xml version="1.0" encoding="UTF-8"?>
<sitemesh>
<!--默认情况下,
sitemesh 只对 HTTP 响应头中 Content-Type 为 text/html 的类型进行拦截和装饰,
我们可以添加更多的 mime 类型-->
<mime-type>text/html</mime-type>
<mime-type>application/vnd.wap.xhtml+xml</mime-type>
<mime-type>application/xhtml+xml</mime-type>
<!-- 默认装饰器,当下面的路径都不匹配时,启用该装饰器进行装饰 -->
<mapping decorator="/WEB-INF/views/layouts/decorator.jsp"/>
<!-- 指明满足“/nis/*”的页面将被“layouts/decorator.jsp”所装饰 -->
<!-- 对不同的路径,启用不同的装饰器 -->
<mapping path="/sys/*" decorator="/WEB-INF/views/layouts/blank.jsp"/>
<!-- 指明满足“/exclude.jsp*”的页面,将被排除,不被装饰 -->
<!-- 排除,不进行装饰的路径 -->
<mapping path="/javadoc/*" exclue="true"/>
<mapping path="/brochures/*" exclue="true"/>
<!-- 对同一路径,启用多个装饰器 -->
<mapping>
<path>/articles/*</path>
<decorator>/decorators/article.html</decorator>
<decorator>/decorators/two-page-layout.html</decorator>
<decorator>/decorators/common.html</decorator>
</mapping>
<!-- 自定义 tag 规则 -->
<content-processor>
</content-processor>
</sitemesh>

View File

@@ -0,0 +1,13 @@
<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<%@ attribute name="replace" type="java.lang.String" required="true" description="需要替换的textarea编号"%>
<%@ attribute name="uploadPath" type="java.lang.String" required="false" description="文件上传路径,路径后自动添加年份。若不指定,则编辑器不可上传文件"%>
<%@ attribute name="height" type="java.lang.String" required="false" description="编辑器高度"%>
<script type="text/javascript">include('ckeditor_lib','${ctxStatic}/ckeditor/',['ckeditor.js']);</script>
<script type="text/javascript">
var ${replace}Ckeditor = CKEDITOR.replace("${replace}");
${replace}Ckeditor.config.height = "${height}";//<c:if test="${not empty uploadPath}">
${replace}Ckeditor.config.ckfinderPath="${ctxStatic}/ckfinder";
var date = new Date(), year = date.getFullYear(), month = (date.getMonth()+1)>9?date.getMonth()+1:"0"+(date.getMonth()+1);
${replace}Ckeditor.config.ckfinderUploadPath="${uploadPath}/"+year+"/"+month+"/";//</c:if>
</script>

View File

@@ -0,0 +1,70 @@
<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<%@ attribute name="input" type="java.lang.String" required="true" description="输入框"%>
<%@ attribute name="type" type="java.lang.String" required="true" description="files、images、flash、thumb"%>
<%@ attribute name="uploadPath" type="java.lang.String" required="true" description="打开文件管理的上传路径"%>
<%@ attribute name="selectMultiple" type="java.lang.Boolean" required="false" description="是否允许多选"%>
<%@ attribute name="readonly" type="java.lang.Boolean" required="false" description="是否查看模式"%>
<%@ attribute name="maxWidth" type="java.lang.String" required="false" description="最大宽度"%>
<%@ attribute name="maxHeight" type="java.lang.String" required="false" description="最大高度"%>
<ol id="${input}Preview"></ol><c:if test="${!readonly}"><a href="javascript:" onclick="${input}FinderOpen();" class="btn btn-primary">${selectMultiple?'添加':'选择'}</a>&nbsp;<a href="javascript:" onclick="${input}DelAll();" class="btn btn-warning">清除</a></c:if>
<script type="text/javascript">
function ${input}FinderOpen(){//<c:if test="${type eq 'thumb'}"><c:set var="ctype" value="images"/></c:if><c:if test="${type ne 'thumb'}"><c:set var="ctype" value="${type}"/></c:if>
var date = new Date(), year = date.getFullYear(), month = (date.getMonth()+1)>9?date.getMonth()+1:"0"+(date.getMonth()+1);
var url = "${ctxStatic}/ckfinder/ckfinder.html?type=${ctype}&start=${ctype}:${uploadPath}/"+year+"/"+month+
"/&action=js&func=${input}SelectAction&thumbFunc=${input}ThumbSelectAction&cb=${input}Callback&dts=${type eq 'thumb'?'1':'0'}&sm=${selectMultiple?1:0}";
windowOpen(url,"文件管理",1000,700);
//top.$.jBox("iframe:"+url+"&pwMf=1", {title: "文件管理", width: 1000, height: 500, buttons:{'关闭': true}});
}
function ${input}SelectAction(fileUrl, data, allFiles){
var url="", files=ckfinderAPI.getSelectedFiles();
for(var i=0; i<files.length; i++){//<c:if test="${type eq 'thumb'}">
url += files[i].getThumbnailUrl();//</c:if><c:if test="${type ne 'thumb'}">
url += files[i].getUrl();//</c:if>
if (i<files.length-1) url+="|";
}//<c:if test="${selectMultiple}">
$("#${input}").val($("#${input}").val()+($("#${input}").val(url)==""?url:"|"+url));//</c:if><c:if test="${!selectMultiple}">
$("#${input}").val(url);//</c:if>
${input}Preview();
//top.$.jBox.close();
}
function ${input}ThumbSelectAction(fileUrl, data, allFiles){
var url="", files=ckfinderAPI.getSelectedFiles();
for(var i=0; i<files.length; i++){
url += files[i].getThumbnailUrl();
if (i<files.length-1) url+="|";
}//<c:if test="${selectMultiple}">
$("#${input}").val($("#${input}").val()+($("#${input}").val(url)==""?url:"|"+url));//</c:if><c:if test="${!selectMultiple}">
$("#${input}").val(url);//</c:if>
${input}Preview();
//top.$.jBox.close();
}
function ${input}Callback(api){
ckfinderAPI = api;
}
function ${input}Del(obj){
var url = $(obj).prev().attr("url");
$("#${input}").val($("#${input}").val().replace("|"+url,"","").replace(url+"|","","").replace(url,"",""));
${input}Preview();
}
function ${input}DelAll(){
$("#${input}").val("");
${input}Preview();
}
function ${input}Preview(){
var li, urls = $("#${input}").val().split("|");
$("#${input}Preview").children().remove();
for (var i=0; i<urls.length; i++){
if (urls[i]!=""){//<c:if test="${type eq 'thumb' || type eq 'images'}">
li = "<li><img src=\""+urls[i]+"\" url=\""+urls[i]+"\" style=\"max-width:${empty maxWidth ? 200 : maxWidth}px;max-height:${empty maxHeight ? 200 : maxHeight}px;_height:${empty maxHeight ? 200 : maxHeight}px;border:0;padding:3px;\">";//</c:if><c:if test="${type ne 'thumb' && type ne 'images'}">
li = "<li><a href=\""+urls[i]+"\" url=\""+urls[i]+"\" target=\"_blank\">"+decodeURIComponent(urls[i].substring(urls[i].lastIndexOf("/")+1))+"</a>";//</c:if>
li += "&nbsp;&nbsp;<c:if test="${!readonly}"><a href=\"javascript:\" onclick=\"${input}Del(this);\">×</a></c:if></li>";
$("#${input}Preview").append(li);
}
}
if ($("#${input}Preview").text() == ""){
$("#${input}Preview").html("<li style='list-style:none;padding-top:5px;'>无</li>");
}
}
${input}Preview();
</script>

View File

@@ -0,0 +1,27 @@
<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<%@ attribute name="id" type="java.lang.String" required="true" description="编号"%>
<%@ attribute name="name" type="java.lang.String" required="true" description="输入框名称"%>
<%@ attribute name="value" type="java.lang.String" required="true" description="输入框值"%>
<i id="${id}Icon" class="icon-${not empty value?value:' hide'}"></i>&nbsp;<label id="${id}IconLabel">${not empty value?value:'无'}</label>&nbsp;
<input id="${id}" name="${name}" type="hidden" value="${value}"/><a id="${id}Button" href="javascript:" class="btn">选择</a>&nbsp;&nbsp;
<script type="text/javascript">
$("#${id}Button").click(function(){
top.$.jBox.open("iframe:${ctx}/tag/iconselect?value="+$("#${id}").val(), "选择图标", 700, $(top.document).height()-180, {
buttons:{"确定":"ok", "清除":"clear", "关闭":true}, submit:function(v, h, f){
if (v=="ok"){
var icon = h.find("iframe")[0].contentWindow.$("#icon").val();
$("#${id}Icon").attr("class", "icon-"+icon);
$("#${id}IconLabel").text(icon);
$("#${id}").val(icon);
}else if (v=="clear"){
$("#${id}Icon").attr("class", "icon- hide");
$("#${id}IconLabel").text("无");
$("#${id}").val("");
}
}, loaded:function(h){
$(".jbox-content", top.document).css("overflow-y","hidden");
}
});
});
</script>

View File

@@ -0,0 +1,10 @@
<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<%@ attribute name="content" type="java.lang.String" required="true" description="消息内容"%>
<%@ attribute name="type" type="java.lang.String" description="消息类型info、success、warning、error、loading"%>
<script type="text/javascript">top.$.jBox.closeTip();</script>
<c:if test="${not empty content}">
<c:if test="${not empty type}"><c:set var="ctype" value="${type}"/></c:if><c:if test="${empty type}"><c:set var="ctype" value="${fn:indexOf(content,'失败') eq -1?'success':'error'}"/></c:if>
<div id="messageBox" class="alert alert-${ctype} hide"><button data-dismiss="alert" class="close">×</button>${content}</div>
<script type="text/javascript">if(!top.$.jBox.tip.mess){top.$.jBox.tip.mess=1;top.$.jBox.tip("${content}","${ctype}",{persistent:true,opacity:0});$("#messageBox").show();}</script>
</c:if>

View File

@@ -0,0 +1,33 @@
<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<%@ attribute name="id" type="java.lang.String" required="true"%>
<%@ attribute name="name" type="java.lang.String" required="true"%>
<%@ attribute name="value" type="java.lang.String" required="true"%>
<%@ attribute name="callback" type="java.lang.String" required="true"%>
<input id="${id}" name="${name}" type="hidden" value="${value}"/>
<%-- 使用方法: 1.将本tag写在查询的from里2.在需要排序th列class上添加sort-column + 排序字段名3.后台sql添加排序引用page.orderBy实例文件userList.jsp、UserDao.xml --%>
<script type="text/javascript">
$(document).ready(function() {
var orderBy = $("#${id}").val().split(" ");
$(".sort-column").each(function(){
if ($(this).hasClass(orderBy[0])){
orderBy[1] = orderBy[1]&&orderBy[1].toUpperCase()=="DESC"?"down":"up";
$(this).html($(this).html()+" <i class=\"icon icon-arrow-"+orderBy[1]+"\"></i>");
}
});
$(".sort-column").click(function(){
var order = $(this).attr("class").split(" ");
var sort = $("#${id}").val().split(" ");
for(var i=0; i<order.length; i++){
if (order[i] == "sort-column"){order = order[i+1]; break;}
}
if (order == sort[0]){
sort = (sort[1]&&sort[1].toUpperCase()=="DESC"?"ASC":"DESC");
$("#${id}").val(order+" DESC"!=order+" "+sort?"":order+" "+sort);
}else{
$("#${id}").val(order+" ASC");
}
${callback}
});
});
</script>

View File

@@ -0,0 +1,115 @@
<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<%@ attribute name="id" type="java.lang.String" required="true" description="编号"%>
<%@ attribute name="name" type="java.lang.String" required="true" description="隐藏域名称ID"%>
<%@ attribute name="value" type="java.lang.String" required="true" description="隐藏域值ID"%>
<%@ attribute name="labelName" type="java.lang.String" required="true" description="输入框名称Name"%>
<%@ attribute name="labelValue" type="java.lang.String" required="true" description="输入框值Name"%>
<%@ attribute name="title" type="java.lang.String" required="true" description="选择框标题"%>
<%@ attribute name="url" type="java.lang.String" required="true" description="树结构数据地址"%>
<%@ attribute name="checked" type="java.lang.Boolean" required="false" description="是否显示复选框如果不需要返回父节点请设置notAllowSelectParent为true"%>
<%@ attribute name="extId" type="java.lang.String" required="false" description="排除掉的编号(不能选择的编号)"%>
<%@ attribute name="isAll" type="java.lang.Boolean" required="false" description="是否列出全部数据设置true则不进行数据权限过滤目前仅对Office有效"%>
<%@ attribute name="notAllowSelectRoot" type="java.lang.Boolean" required="false" description="不允许选择根节点"%>
<%@ attribute name="notAllowSelectParent" type="java.lang.Boolean" required="false" description="不允许选择父节点"%>
<%@ attribute name="module" type="java.lang.String" required="false" description="过滤栏目模型只显示指定模型仅针对CMS的Category树"%>
<%@ attribute name="selectScopeModule" type="java.lang.Boolean" required="false" description="选择范围内的模型控制不能选择公共模型不能选择本栏目外的模型仅针对CMS的Category树"%>
<%@ attribute name="allowClear" type="java.lang.Boolean" required="false" description="是否允许清除"%>
<%@ attribute name="allowInput" type="java.lang.Boolean" required="false" description="文本框可填写"%>
<%@ attribute name="cssClass" type="java.lang.String" required="false" description="css样式"%>
<%@ attribute name="cssStyle" type="java.lang.String" required="false" description="css样式"%>
<%@ attribute name="smallBtn" type="java.lang.Boolean" required="false" description="缩小按钮显示"%>
<%@ attribute name="hideBtn" type="java.lang.Boolean" required="false" description="是否显示按钮"%>
<%@ attribute name="disabled" type="java.lang.String" required="false" description="是否限制选择如果限制设置为disabled"%>
<%@ attribute name="dataMsgRequired" type="java.lang.String" required="false" description=""%>
<%@ attribute name="selectDepartment" type="java.lang.String" required="false" description="不允许选择部门,自办部门,转办部门"%>
<%@ attribute name="showParentName" type="java.lang.String" required="false" description="显示父类名称"%>
<div class="input-append">
<input id="${id}Id" name="${name}" class="${cssClass}" type="hidden" value="${value}" />
<input id="${id}Name" name="${labelName}" ${allowInput?'':'readonly="readonly"'} type="text" value="${labelValue}" data-msg-required="${dataMsgRequired}"
class="${cssClass}" style="${cssStyle}"/><a id="${id}Button" href="javascript:" class="btn ${disabled} ${hideBtn ? 'hide' : ''}" style="${smallBtn?'padding:4px 2px;':''}">&nbsp;<i class="icon-search"></i>&nbsp;</a>&nbsp;&nbsp;
</div>
<script type="text/javascript">
$("#${id}Button, #${id}Name").click(function(){
// 是否限制选择如果限制设置为disabled
if ($("#${id}Button").hasClass("disabled")){
return true;
}
// 正常打开
top.$.jBox.open("iframe:${ctx}/tag/treeselect?url="+encodeURIComponent("${url}")+"&module=${module}&checked=${checked}&extId=${extId}&isAll=${isAll}", "选择${title}", 320, 420, {
ajaxData:{selectIds: $("#${id}Id").val()},buttons:{"确定":"ok", ${allowClear?"\"清除\":\"clear\", ":""}"关闭":true}, submit:function(v, h, f){
if (v=="ok"){
var tree = h.find("iframe")[0].contentWindow.tree;//h.find("iframe").contents();
var ids = [], names = [], nodes = [];
if ("${checked}" == "true"){
nodes = tree.getCheckedNodes(true);
}else{
nodes = tree.getSelectedNodes();
}
for(var i=0; i<nodes.length; i++) {//<c:if test="${checked && notAllowSelectParent}">
if (nodes[i].isParent){
continue; // 如果为复选框选择,则过滤掉父节点
}//</c:if><c:if test="${notAllowSelectRoot}">
if (nodes[i].level == 0){
top.$.jBox.tip("不能选择根节点("+nodes[i].name+")请重新选择。");
return false;
}//</c:if><c:if test="${notAllowSelectParent}">
if (nodes[i].isParent){
top.$.jBox.tip("不能选择父节点("+nodes[i].name+")请重新选择。");
return false;
}//</c:if><c:if test="${not empty module && selectScopeModule}">
if (nodes[i].module == ""){
top.$.jBox.tip("不能选择公共模型("+nodes[i].name+")请重新选择。");
return false;
}else if (nodes[i].module != "${module}"){
top.$.jBox.tip("不能选择当前栏目以外的栏目模型,请重新选择。");
return false;
}//</c:if><c:if test="${selectDepartment}">
if (nodes[i].name=="请选择下发单位" || nodes[i].name=="部门" ||nodes[i].name=="下发单位"){
top.$.jBox.tip("不能选择节点("+nodes[i].name+")请重新选择。");
return false;
}//</c:if>
ids.push(nodes[i].id);//<c:if test="${showParentName}">
if (nodes[i].id != null ){
$.ajax({
type:"post",
async: false,
url:"${ctx}/letter/process/queryParentName",
data:{'deptId':nodes[i].id},
dateType:"json",
success:function(data){
var data=eval('('+data+')');
names.push(data[0].parentName);
},
error: function(e) {
names.push(nodes[i].name);
}
});
}//</c:if><c:if test="${!showParentName}">
names.push(nodes[i].name);
//</c:if><c:if test="${!checked}">
break; // 如果为非复选框选择,则返回第一个选择 </c:if>
}
$("#${id}Id").val(ids.join(",").replace(/u_/ig,""));
$("#${id}Name").val(names.join(","));
}//<c:if test="${allowClear}">
else if (v=="clear"){
$("#${id}Id").val("");
$("#${id}Name").val("");
}//</c:if>
if(typeof ${id}TreeselectCallBack == 'function'){
${id}TreeselectCallBack(v, h, f);
}
}, loaded:function(h){
$(".jbox-content", top.document).css("overflow-y","hidden");
}
});
});
</script>

View File

@@ -0,0 +1,9 @@
<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<%@ attribute name="name" type="java.lang.String" required="true" description="验证码输入框名称"%>
<%@ attribute name="inputCssStyle" type="java.lang.String" required="false" description="验证框样式"%>
<%@ attribute name="imageCssStyle" type="java.lang.String" required="false" description="验证码图片样式"%>
<%@ attribute name="buttonCssStyle" type="java.lang.String" required="false" description="看不清按钮样式"%>
<input type="text" id="${name}" name="${name}" maxlength="5" class="txt required" style="font-weight:bold;width:45px;${inputCssStyle}"/>
<img src="${pageContext.request.contextPath}/servlet/validateCodeServlet" onclick="$('.${name}Refresh').click();" class="mid ${name}" style="${imageCssStyle}"/>
<a href="javascript:" onclick="$('.${name}').attr('src','${pageContext.request.contextPath}/servlet/validateCodeServlet?'+new Date().getTime());" class="mid ${name}Refresh" style="${buttonCssStyle}">看不清</a>

View File

@@ -0,0 +1,563 @@
<?xml version="1.0" encoding="UTF-8" ?>
<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
version="2.0">
<description>JSTL 1.1 core library</description>
<display-name>JSTL core</display-name>
<tlib-version>1.1</tlib-version>
<short-name>c</short-name>
<uri>http://java.sun.com/jsp/jstl/core</uri>
<validator>
<description>
Provides core validation features for JSTL tags.
</description>
<validator-class>
org.apache.taglibs.standard.tlv.JstlCoreTLV
</validator-class>
</validator>
<tag>
<description>
Catches any Throwable that occurs in its body and optionally
exposes it.
</description>
<name>catch</name>
<tag-class>org.apache.taglibs.standard.tag.common.core.CatchTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
Name of the exported scoped variable for the
exception thrown from a nested action. The type of the
scoped variable is the type of the exception thrown.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Simple conditional tag that establishes a context for
mutually exclusive conditional operations, marked by
&lt;when&gt; and &lt;otherwise&gt;
</description>
<name>choose</name>
<tag-class>org.apache.taglibs.standard.tag.common.core.ChooseTag</tag-class>
<body-content>JSP</body-content>
</tag>
<tag>
<description>
Simple conditional tag, which evalutes its body if the
supplied condition is true and optionally exposes a Boolean
scripting variable representing the evaluation of this condition
</description>
<name>if</name>
<tag-class>org.apache.taglibs.standard.tag.rt.core.IfTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
The test condition that determines whether or
not the body content should be processed.
</description>
<name>test</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
<type>boolean</type>
</attribute>
<attribute>
<description>
Name of the exported scoped variable for the
resulting value of the test condition. The type
of the scoped variable is Boolean.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Scope for var.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Retrieves an absolute or relative URL and exposes its contents
to either the page, a String in 'var', or a Reader in 'varReader'.
</description>
<name>import</name>
<tag-class>org.apache.taglibs.standard.tag.rt.core.ImportTag</tag-class>
<tei-class>org.apache.taglibs.standard.tei.ImportTEI</tei-class>
<body-content>JSP</body-content>
<attribute>
<description>
The URL of the resource to import.
</description>
<name>url</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the exported scoped variable for the
resource's content. The type of the scoped
variable is String.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Scope for var.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the exported scoped variable for the
resource's content. The type of the scoped
variable is Reader.
</description>
<name>varReader</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the context when accessing a relative
URL resource that belongs to a foreign
context.
</description>
<name>context</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Character encoding of the content at the input
resource.
</description>
<name>charEncoding</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
The basic iteration tag, accepting many different
collection types and supporting subsetting and other
functionality
</description>
<name>forEach</name>
<tag-class>org.apache.taglibs.standard.tag.rt.core.ForEachTag</tag-class>
<tei-class>org.apache.taglibs.standard.tei.ForEachTEI</tei-class>
<body-content>JSP</body-content>
<attribute>
<description>
Collection of items to iterate over.
</description>
<name>items</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
<type>java.lang.Object</type>
</attribute>
<attribute>
<description>
If items specified:
Iteration begins at the item located at the
specified index. First item of the collection has
index 0.
If items not specified:
Iteration begins with index set at the value
specified.
</description>
<name>begin</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
<type>int</type>
</attribute>
<attribute>
<description>
If items specified:
Iteration ends at the item located at the
specified index (inclusive).
If items not specified:
Iteration ends when index reaches the value
specified.
</description>
<name>end</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
<type>int</type>
</attribute>
<attribute>
<description>
Iteration will only process every step items of
the collection, starting with the first one.
</description>
<name>step</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
<type>int</type>
</attribute>
<attribute>
<description>
Name of the exported scoped variable for the
current item of the iteration. This scoped
variable has nested visibility. Its type depends
on the object of the underlying collection.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the exported scoped variable for the
status of the iteration. Object exported is of type
javax.servlet.jsp.jstl.core.LoopTagStatus. This scoped variable has nested
visibility.
</description>
<name>varStatus</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Iterates over tokens, separated by the supplied delimeters
</description>
<name>forTokens</name>
<tag-class>org.apache.taglibs.standard.tag.rt.core.ForTokensTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
String of tokens to iterate over.
</description>
<name>items</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
<type>java.lang.String</type>
</attribute>
<attribute>
<description>
The set of delimiters (the characters that
separate the tokens in the string).
</description>
<name>delims</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
<type>java.lang.String</type>
</attribute>
<attribute>
<description>
Iteration begins at the token located at the
specified index. First token has index 0.
</description>
<name>begin</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
<type>int</type>
</attribute>
<attribute>
<description>
Iteration ends at the token located at the
specified index (inclusive).
</description>
<name>end</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
<type>int</type>
</attribute>
<attribute>
<description>
Iteration will only process every step tokens
of the string, starting with the first one.
</description>
<name>step</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
<type>int</type>
</attribute>
<attribute>
<description>
Name of the exported scoped variable for the
current item of the iteration. This scoped
variable has nested visibility.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the exported scoped variable for the
status of the iteration. Object exported is of
type
javax.servlet.jsp.jstl.core.LoopTag
Status. This scoped variable has nested
visibility.
</description>
<name>varStatus</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Like &lt;%= ... &gt;, but for expressions.
</description>
<name>out</name>
<tag-class>org.apache.taglibs.standard.tag.rt.core.OutTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
Expression to be evaluated.
</description>
<name>value</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Default value if the resulting value is null.
</description>
<name>default</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Determines whether characters &lt;,&gt;,&amp;,'," in the
resulting string should be converted to their
corresponding character entity codes. Default value is
true.
</description>
<name>escapeXml</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Subtag of &lt;choose&gt; that follows &lt;when&gt; tags
and runs only if all of the prior conditions evaluated to
'false'
</description>
<name>otherwise</name>
<tag-class>org.apache.taglibs.standard.tag.common.core.OtherwiseTag</tag-class>
<body-content>JSP</body-content>
</tag>
<tag>
<description>
Adds a parameter to a containing 'import' tag's URL.
</description>
<name>param</name>
<tag-class>org.apache.taglibs.standard.tag.rt.core.ParamTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
Name of the query string parameter.
</description>
<name>name</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Value of the parameter.
</description>
<name>value</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Redirects to a new URL.
</description>
<name>redirect</name>
<tag-class>org.apache.taglibs.standard.tag.rt.core.RedirectTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
The URL of the resource to redirect to.
</description>
<name>url</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the context when redirecting to a relative URL
resource that belongs to a foreign context.
</description>
<name>context</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Removes a scoped variable (from a particular scope, if specified).
</description>
<name>remove</name>
<tag-class>org.apache.taglibs.standard.tag.common.core.RemoveTag</tag-class>
<body-content>empty</body-content>
<attribute>
<description>
Name of the scoped variable to be removed.
</description>
<name>var</name>
<required>true</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Scope for var.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Sets the result of an expression evaluation in a 'scope'
</description>
<name>set</name>
<tag-class>org.apache.taglibs.standard.tag.rt.core.SetTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
Name of the exported scoped variable to hold the value
specified in the action. The type of the scoped variable is
whatever type the value expression evaluates to.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Expression to be evaluated.
</description>
<name>value</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Target object whose property will be set. Must evaluate to
a JavaBeans object with setter property property, or to a
java.util.Map object.
</description>
<name>target</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the property to be set in the target object.
</description>
<name>property</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Scope for var.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Creates a URL with optional query parameters.
</description>
<name>url</name>
<tag-class>org.apache.taglibs.standard.tag.rt.core.UrlTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
Name of the exported scoped variable for the
processed url. The type of the scoped variable is
String.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Scope for var.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
URL to be processed.
</description>
<name>value</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the context when specifying a relative URL
resource that belongs to a foreign context.
</description>
<name>context</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Subtag of &lt;choose&gt; that includes its body if its
condition evalutes to 'true'
</description>
<name>when</name>
<tag-class>org.apache.taglibs.standard.tag.rt.core.WhenTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
The test condition that determines whether or not the
body content should be processed.
</description>
<name>test</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
<type>boolean</type>
</attribute>
</tag>
</taglib>

View File

@@ -0,0 +1,671 @@
<?xml version="1.0" encoding="UTF-8" ?>
<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
version="2.0">
<description>JSTL 1.1 i18n-capable formatting library</description>
<display-name>JSTL fmt</display-name>
<tlib-version>1.1</tlib-version>
<short-name>fmt</short-name>
<uri>http://java.sun.com/jsp/jstl/fmt</uri>
<validator>
<description>
Provides core validation features for JSTL tags.
</description>
<validator-class>
org.apache.taglibs.standard.tlv.JstlFmtTLV
</validator-class>
</validator>
<tag>
<description>
Sets the request character encoding
</description>
<name>requestEncoding</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.RequestEncodingTag</tag-class>
<body-content>empty</body-content>
<attribute>
<description>
Name of character encoding to be applied when
decoding request parameters.
</description>
<name>value</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Stores the given locale in the locale configuration variable
</description>
<name>setLocale</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.SetLocaleTag</tag-class>
<body-content>empty</body-content>
<attribute>
<description>
A String value is interpreted as the
printable representation of a locale, which
must contain a two-letter (lower-case)
language code (as defined by ISO-639),
and may contain a two-letter (upper-case)
country code (as defined by ISO-3166).
Language and country codes must be
separated by hyphen (-) or underscore
(_).
</description>
<name>value</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Vendor- or browser-specific variant.
See the java.util.Locale javadocs for
more information on variants.
</description>
<name>variant</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Scope of the locale configuration variable.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Specifies the time zone for any time formatting or parsing actions
nested in its body
</description>
<name>timeZone</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.TimeZoneTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
The time zone. A String value is interpreted as
a time zone ID. This may be one of the time zone
IDs supported by the Java platform (such as
"America/Los_Angeles") or a custom time zone
ID (such as "GMT-8"). See
java.util.TimeZone for more information on
supported time zone formats.
</description>
<name>value</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Stores the given time zone in the time zone configuration variable
</description>
<name>setTimeZone</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.SetTimeZoneTag</tag-class>
<body-content>empty</body-content>
<attribute>
<description>
The time zone. A String value is interpreted as
a time zone ID. This may be one of the time zone
IDs supported by the Java platform (such as
"America/Los_Angeles") or a custom time zone
ID (such as "GMT-8"). See java.util.TimeZone for
more information on supported time zone
formats.
</description>
<name>value</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the exported scoped variable which
stores the time zone of type
java.util.TimeZone.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Scope of var or the time zone configuration
variable.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Loads a resource bundle to be used by its tag body
</description>
<name>bundle</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.BundleTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
Resource bundle base name. This is the bundle's
fully-qualified resource name, which has the same
form as a fully-qualified class name, that is, it uses
"." as the package component separator and does not
have any file type (such as ".class" or ".properties")
suffix.
</description>
<name>basename</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Prefix to be prepended to the value of the message
key of any nested &lt;fmt:message&gt; action.
</description>
<name>prefix</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Loads a resource bundle and stores it in the named scoped variable or
the bundle configuration variable
</description>
<name>setBundle</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.SetBundleTag</tag-class>
<body-content>empty</body-content>
<attribute>
<description>
Resource bundle base name. This is the bundle's
fully-qualified resource name, which has the same
form as a fully-qualified class name, that is, it uses
"." as the package component separator and does not
have any file type (such as ".class" or ".properties")
suffix.
</description>
<name>basename</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the exported scoped variable which stores
the i18n localization context of type
javax.servlet.jsp.jstl.fmt.LocalizationC
ontext.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Scope of var or the localization context
configuration variable.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Maps key to localized message and performs parametric replacement
</description>
<name>message</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.MessageTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
Message key to be looked up.
</description>
<name>key</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Localization context in whose resource
bundle the message key is looked up.
</description>
<name>bundle</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the exported scoped variable
which stores the localized message.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Scope of var.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Supplies an argument for parametric replacement to a containing
&lt;message&gt; tag
</description>
<name>param</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.ParamTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
Argument used for parametric replacement.
</description>
<name>value</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Formats a numeric value as a number, currency, or percentage
</description>
<name>formatNumber</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.FormatNumberTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
Numeric value to be formatted.
</description>
<name>value</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Specifies whether the value is to be
formatted as number, currency, or
percentage.
</description>
<name>type</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Custom formatting pattern.
</description>
<name>pattern</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
ISO 4217 currency code. Applied only
when formatting currencies (i.e. if type is
equal to "currency"); ignored otherwise.
</description>
<name>currencyCode</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Currency symbol. Applied only when
formatting currencies (i.e. if type is equal
to "currency"); ignored otherwise.
</description>
<name>currencySymbol</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Specifies whether the formatted output
will contain any grouping separators.
</description>
<name>groupingUsed</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Maximum number of digits in the integer
portion of the formatted output.
</description>
<name>maxIntegerDigits</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Minimum number of digits in the integer
portion of the formatted output.
</description>
<name>minIntegerDigits</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Maximum number of digits in the
fractional portion of the formatted output.
</description>
<name>maxFractionDigits</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Minimum number of digits in the
fractional portion of the formatted output.
</description>
<name>minFractionDigits</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the exported scoped variable
which stores the formatted result as a
String.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Scope of var.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Parses the string representation of a number, currency, or percentage
</description>
<name>parseNumber</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.ParseNumberTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
String to be parsed.
</description>
<name>value</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Specifies whether the string in the value
attribute should be parsed as a number,
currency, or percentage.
</description>
<name>type</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Custom formatting pattern that determines
how the string in the value attribute is to be
parsed.
</description>
<name>pattern</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Locale whose default formatting pattern (for
numbers, currencies, or percentages,
respectively) is to be used during the parse
operation, or to which the pattern specified
via the pattern attribute (if present) is
applied.
</description>
<name>parseLocale</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Specifies whether just the integer portion of
the given value should be parsed.
</description>
<name>integerOnly</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the exported scoped variable which
stores the parsed result (of type
java.lang.Number).
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Scope of var.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Formats a date and/or time using the supplied styles and pattern
</description>
<name>formatDate</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.FormatDateTag</tag-class>
<body-content>empty</body-content>
<attribute>
<description>
Date and/or time to be formatted.
</description>
<name>value</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Specifies whether the time, the date, or both
the time and date components of the given
date are to be formatted.
</description>
<name>type</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Predefined formatting style for dates. Follows
the semantics defined in class
java.text.DateFormat. Applied only
when formatting a date or both a date and
time (i.e. if type is missing or is equal to
"date" or "both"); ignored otherwise.
</description>
<name>dateStyle</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Predefined formatting style for times. Follows
the semantics defined in class
java.text.DateFormat. Applied only
when formatting a time or both a date and
time (i.e. if type is equal to "time" or "both");
ignored otherwise.
</description>
<name>timeStyle</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Custom formatting style for dates and times.
</description>
<name>pattern</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Time zone in which to represent the formatted
time.
</description>
<name>timeZone</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the exported scoped variable which
stores the formatted result as a String.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Scope of var.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
<tag>
<description>
Parses the string representation of a date and/or time
</description>
<name>parseDate</name>
<tag-class>org.apache.taglibs.standard.tag.rt.fmt.ParseDateTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description>
Date string to be parsed.
</description>
<name>value</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Specifies whether the date string in the
value attribute is supposed to contain a
time, a date, or both.
</description>
<name>type</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Predefined formatting style for days
which determines how the date
component of the date string is to be
parsed. Applied only when formatting a
date or both a date and time (i.e. if type
is missing or is equal to "date" or "both");
ignored otherwise.
</description>
<name>dateStyle</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Predefined formatting styles for times
which determines how the time
component in the date string is to be
parsed. Applied only when formatting a
time or both a date and time (i.e. if type
is equal to "time" or "both"); ignored
otherwise.
</description>
<name>timeStyle</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Custom formatting pattern which
determines how the date string is to be
parsed.
</description>
<name>pattern</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Time zone in which to interpret any time
information in the date string.
</description>
<name>timeZone</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Locale whose predefined formatting styles
for dates and times are to be used during
the parse operation, or to which the
pattern specified via the pattern
attribute (if present) is applied.
</description>
<name>parseLocale</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<description>
Name of the exported scoped variable in
which the parsing result (of type
java.util.Date) is stored.
</description>
<name>var</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description>
Scope of var.
</description>
<name>scope</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
</tag>
</taglib>

View File

@@ -0,0 +1,207 @@
<?xml version="1.0" encoding="UTF-8" ?>
<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
version="2.0">
<description>JSTL 1.1 functions library</description>
<display-name>JSTL functions</display-name>
<tlib-version>1.1</tlib-version>
<short-name>fn</short-name>
<uri>http://java.sun.com/jsp/jstl/functions</uri>
<function>
<description>
Tests if an input string contains the specified substring.
</description>
<name>contains</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>boolean contains(java.lang.String, java.lang.String)</function-signature>
<example>
&lt;c:if test="${fn:contains(name, searchString)}">
</example>
</function>
<function>
<description>
Tests if an input string contains the specified substring in a case insensitive way.
</description>
<name>containsIgnoreCase</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>boolean containsIgnoreCase(java.lang.String, java.lang.String)</function-signature>
<example>
&lt;c:if test="${fn:containsIgnoreCase(name, searchString)}">
</example>
</function>
<function>
<description>
Tests if an input string ends with the specified suffix.
</description>
<name>endsWith</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>boolean endsWith(java.lang.String, java.lang.String)</function-signature>
<example>
&lt;c:if test="${fn:endsWith(filename, ".txt")}">
</example>
</function>
<function>
<description>
Escapes characters that could be interpreted as XML markup.
</description>
<name>escapeXml</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>java.lang.String escapeXml(java.lang.String)</function-signature>
<example>
${fn:escapeXml(param:info)}
</example>
</function>
<function>
<description>
Returns the index withing a string of the first occurrence of a specified substring.
</description>
<name>indexOf</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>int indexOf(java.lang.String, java.lang.String)</function-signature>
<example>
${fn:indexOf(name, "-")}
</example>
</function>
<function>
<description>
Joins all elements of an array into a string.
</description>
<name>join</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>java.lang.String join(java.lang.String[], java.lang.String)</function-signature>
<example>
${fn:join(array, ";")}
</example>
</function>
<function>
<description>
Returns the number of items in a collection, or the number of characters in a string.
</description>
<name>length</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>int length(java.lang.Object)</function-signature>
<example>
You have ${fn:length(shoppingCart.products)} in your shopping cart.
</example>
</function>
<function>
<description>
Returns a string resulting from replacing in an input string all occurrences
of a "before" string into an "after" substring.
</description>
<name>replace</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>java.lang.String replace(java.lang.String, java.lang.String, java.lang.String)</function-signature>
<example>
${fn:replace(text, "-", "&#149;")}
</example>
</function>
<function>
<description>
Splits a string into an array of substrings.
</description>
<name>split</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>java.lang.String[] split(java.lang.String, java.lang.String)</function-signature>
<example>
${fn:split(customerNames, ";")}
</example>
</function>
<function>
<description>
Tests if an input string starts with the specified prefix.
</description>
<name>startsWith</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>boolean startsWith(java.lang.String, java.lang.String)</function-signature>
<example>
&lt;c:if test="${fn:startsWith(product.id, "100-")}">
</example>
</function>
<function>
<description>
Returns a subset of a string.
</description>
<name>substring</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>java.lang.String substring(java.lang.String, int, int)</function-signature>
<example>
P.O. Box: ${fn:substring(zip, 6, -1)}
</example>
</function>
<function>
<description>
Returns a subset of a string following a specific substring.
</description>
<name>substringAfter</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>java.lang.String substringAfter(java.lang.String, java.lang.String)</function-signature>
<example>
P.O. Box: ${fn:substringAfter(zip, "-")}
</example>
</function>
<function>
<description>
Returns a subset of a string before a specific substring.
</description>
<name>substringBefore</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>java.lang.String substringBefore(java.lang.String, java.lang.String)</function-signature>
<example>
Zip (without P.O. Box): ${fn:substringBefore(zip, "-")}
</example>
</function>
<function>
<description>
Converts all of the characters of a string to lower case.
</description>
<name>toLowerCase</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>java.lang.String toLowerCase(java.lang.String)</function-signature>
<example>
Product name: ${fn.toLowerCase(product.name)}
</example>
</function>
<function>
<description>
Converts all of the characters of a string to upper case.
</description>
<name>toUpperCase</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>java.lang.String toUpperCase(java.lang.String)</function-signature>
<example>
Product name: ${fn.UpperCase(product.name)}
</example>
</function>
<function>
<description>
Removes white spaces from both ends of a string.
</description>
<name>trim</name>
<function-class>org.apache.taglibs.standard.functions.Functions</function-class>
<function-signature>java.lang.String trim(java.lang.String)</function-signature>
<example>
Name: ${fn.trim(name)}
</example>
</function>
</taglib>

View File

@@ -0,0 +1,282 @@
<?xml version="1.0" encoding="UTF-8" ?>
<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
version="2.0">
<description>JSTL 1.1 functions library</description>
<display-name>JSTL functions sys</display-name>
<tlib-version>1.1</tlib-version>
<short-name>fns</short-name>
<uri>http://java.sun.com/jsp/jstl/functionss</uri>
<function>
<description>获取配置</description>
<name>getStringProperty</name>
<function-class>com.nis.util.Configurations</function-class>
<function-signature>java.lang.String getStringProperty(java.lang.String,java.lang.String)</function-signature>
<example>${getStringProperty(key,defaultValue)}</example>
</function>
<!-- UserUtils -->
<function>
<description>获取当前用户对象</description>
<name>getUser</name>
<function-class>com.nis.web.security.UserUtils</function-class>
<function-signature>com.nis.domain.SysUser getUser()</function-signature>
<example>${fns:getUser()}</example>
</function>
<function>
<description>根据编码获取用户对象</description>
<name>getUserById</name>
<function-class>com.nis.web.security.UserUtils</function-class>
<function-signature>com.nis.domain.SysUser get(java.lang.String)</function-signature>
<example>${fns:getUserById(id)}</example>
</function>
<function>
<description>获取授权用户信息</description>
<name>getPrincipal</name>
<function-class>com.nis.web.security.UserUtils</function-class>
<function-signature>com.nis.web.security.SystemAuthorizingRealm.Principal getPrincipal()</function-signature>
<example>${fns:getPrincipal()}</example>
</function>
<function>
<description>获取当前用户的菜单对象列表</description>
<name>getMenuList</name>
<function-class>com.nis.web.security.UserUtils</function-class>
<function-signature>java.util.List getMenuList()</function-signature>
<example>${fns:getMenuList()}</example>
</function>
<function>
<description>获取用户的菜单名称</description>
<name>getMenuNameById</name>
<function-class>com.nis.web.security.UserUtils</function-class>
<function-signature>java.lang.String getMenuNameById(java.lang.String)</function-signature>
<example>${getMenuNameById(id)}</example>
</function>
<function>
<description>获取当前用户的菜单树对象列表</description>
<name>getMenuTreeList</name>
<function-class>com.nis.web.security.UserUtils</function-class>
<function-signature>java.util.List getMenuTreeList()</function-signature>
<example>${fns:getMenuTreeList()}</example>
</function>
<function>
<description>获取当前用户的区域对象列表</description>
<name>getAreaList</name>
<function-class>com.nis.web.security.UserUtils</function-class>
<function-signature>java.util.List getAreaList()</function-signature>
<example>${fns:getAreaList()}</example>
</function>
<function>
<description>获取当前用户的部门对象列表</description>
<name>getOfficeList</name>
<function-class>com.nis.web.security.UserUtils</function-class>
<function-signature>java.util.List getOfficeList()</function-signature>
<example>${fns:getOfficeList()}</example>
</function>
<function>
<description>获取当前用户缓存</description>
<name>getCache</name>
<function-class>com.nis.web.security.UserUtils</function-class>
<function-signature>java.lang.Object getCache(java.lang.String, java.lang.Object)</function-signature>
<example>${fns:getCache(cacheName, defaultValue)}</example>
</function>
<function>
<description>获取当前部门的级别信息</description>
<name>getOfficeDesc</name>
<function-class>com.nis.web.security.UserUtils</function-class>
<function-signature>java.lang.String getOfficeDesc(java.lang.Long)</function-signature>
<example>${fns:getOfficeDesc(deptId)}</example>
</function>
<!-- Encodes -->
<function>
<description>URL编码</description>
<name>urlEncode</name>
<function-class>com.nis.util.Encodes</function-class>
<function-signature>java.lang.String urlEncode(java.lang.String)</function-signature>
<example>${fns:urlEncode(part)}</example>
</function>
<function>
<description>URL解码</description>
<name>urlDecode</name>
<function-class>com.nis.util.Encodes</function-class>
<function-signature>java.lang.String urlDecode(java.lang.String)</function-signature>
<example>${fns:urlDecode(part)}</example>
</function>
<function>
<description>HTML编码</description>
<name>escapeHtml</name>
<function-class>com.nis.util.Encodes</function-class>
<function-signature>java.lang.String escapeHtml(java.lang.String)</function-signature>
<example>${fns:escapeHtml(html)}</example>
</function>
<function>
<description>HTML解码</description>
<name>unescapeHtml</name>
<function-class>com.nis.util.Encodes</function-class>
<function-signature>java.lang.String unescapeHtml(java.lang.String)</function-signature>
<example>${fns:unescapeHtml(html)}</example>
</function>
<!-- ProcessUtil -->
<function>
<description>根据案件状态获取标签颜色样式</description>
<name>getCaseStateColor</name>
<function-class>com.nis.util.ProcessUtil</function-class>
<function-signature>java.lang.String getCaseStateColor(int)</function-signature>
<example>${fns:getCaseStateColor(caseState)}</example>
</function>
<function>
<description>根据案件状态判断是否显示办结提醒</description>
<name>isAlarmDesc</name>
<function-class>com.nis.util.ProcessUtil</function-class>
<function-signature>java.lang.String isAlarmDesc(int)</function-signature>
<example>${fns:isAlarmDesc(caseState)}</example>
</function>
<!-- StringUtils -->
<function>
<description>从后边开始截取字符串</description>
<name>substringAfterLast</name>
<function-class>org.apache.commons.lang3.StringUtils</function-class>
<function-signature>java.lang.String substringAfterLast(java.lang.String, java.lang.String)</function-signature>
<example>${fns:substringAfterLast(str,separator)}</example>
</function>
<function>
<description>判断字符串是否以某某开头</description>
<name>startsWith</name>
<function-class>org.apache.commons.lang3.StringUtils</function-class>
<function-signature>boolean startsWith(java.lang.CharSequence, java.lang.CharSequence)</function-signature>
<example>${fns:startsWith(str,prefix)}</example>
</function>
<function>
<description>判断字符串是否以某某结尾</description>
<name>endsWith</name>
<function-class>org.apache.commons.lang3.StringUtils</function-class>
<function-signature>boolean endsWith(java.lang.CharSequence, java.lang.CharSequence)</function-signature>
<example>${fns:endsWith(str,suffix)}</example>
</function>
<function>
<description>缩写字符串,超过最大宽度用“...”表示</description>
<name>abbr</name>
<function-class>com.nis.util.StringUtils</function-class>
<function-signature>java.lang.String abbr(java.lang.String, int)</function-signature>
<example>${fns:abbr(str,length)}</example>
</function>
<function>
<description>替换掉HTML标签</description>
<name>replaceHtml</name>
<function-class>com.nis.util.StringUtils</function-class>
<function-signature>java.lang.String replaceHtml(java.lang.String)</function-signature>
<example>${fns:replaceHtml(html)}</example>
</function>
<function>
<description>转换为JS获取对象值生成三目运算返回结果。</description>
<name>jsGetVal</name>
<function-class>com.nis.util.StringUtils</function-class>
<function-signature>java.lang.String jsGetVal(java.lang.String)</function-signature>
<example>${fns:jsGetVal('row.user.id')} 返回:!row?'':!row.user?'':!row.user.id?'':row.user.id</example>
</function>
<!-- DictUtils -->
<function>
<description>获取字典对象列表</description>
<name>getDictList</name>
<function-class>com.nis.util.DictUtils</function-class>
<function-signature>java.util.List getDictList(java.lang.String)</function-signature>
<example>${fns:getDictList(key)}</example>
</function>
<function>
<description>获取字典标签</description>
<name>getDictLabel</name>
<function-class>com.nis.util.DictUtils</function-class>
<function-signature>java.lang.String getDictLabel(java.lang.String, java.lang.String, java.lang.String)</function-signature>
<example>${fns:getDictLabel(dictKey, itemCode, defaultValue)}</example>
</function>
<function>
<description>获取字典标签</description>
<name>getDictLabelDefault</name>
<function-class>com.nis.util.DictUtils</function-class>
<function-signature>java.lang.String getDictLabel(java.lang.String, java.lang.String)</function-signature>
<example>${fns:getDictLabel(dictKey, itemCode)}</example>
</function>
<function>
<description>获取字典标签(多个)</description>
<name>getDictLabels</name>
<function-class>com.nis.util.DictUtils</function-class>
<function-signature>java.lang.String getDictLabels(java.lang.String, java.lang.String, java.lang.String)</function-signature>
<example>${fns:getDictLabels(dictKey, itemCodes, defaultValue)}</example>
</function>
<function>
<description>获取字典值</description>
<name>getDictCode</name>
<function-class>com.nis.util.DictUtils</function-class>
<function-signature>java.lang.String getDictCode(java.lang.String, java.lang.String, java.lang.String)</function-signature>
<example>${fns:getDictCode(dictKey, itemValue, defaultValue)}</example>
</function>
<function>
<description>获取字典值</description>
<name>getDictCodeDefault</name>
<function-class>com.nis.util.DictUtils</function-class>
<function-signature>java.lang.String getDictCode(java.lang.String, java.lang.String)</function-signature>
<example>${fns:getDictCode(dictKey, itemValue)}</example>
</function>
<function>
<description>获取字典对象列表</description>
<name>getDictListJson</name>
<function-class>com.nis.util.DictUtils</function-class>
<function-signature>java.lang.String getDictListJson(java.lang.String)</function-signature>
<example>${fns:getDictListJson(dictKey)}</example>
</function>
<!-- DateUtils -->
<function>
<description>获取当前日期</description>
<name>getDate</name>
<function-class>com.nis.util.DateUtils</function-class>
<function-signature>java.lang.String getDate(java.lang.String)</function-signature>
<example>${fns:getDate(pattern)}</example>
</function>
<function>
<description>获取过去的天数</description>
<name>pastDays</name>
<function-class>com.nis.util.DateUtils</function-class>
<function-signature>long pastDays(java.util.Date)</function-signature>
<example>${fns:pastDays(date)}</example>
</function>
<!-- JsonMapper -->
<function>
<description>对象转换JSON字符串</description>
<name>toJson</name>
<function-class>com.nis.util.JsonMapper</function-class>
<function-signature>java.lang.String toJsonString(java.lang.Object)</function-signature>
<example>${fns:toJson(object)}</example>
</function>
</taglib>

View File

@@ -0,0 +1,67 @@
<%
response.setStatus(400);
// 获取异常类
Throwable ex = Exceptions.getThrowable(request);
// 编译错误信息
StringBuilder sb = new StringBuilder("(400)错误信息:\n");
if (ex != null) {
if (ex instanceof BindException) {
for (ObjectError e : ((BindException)ex).getGlobalErrors()){
sb.append("☆" + e.getDefaultMessage() + "(" + e.getObjectName() + ")\n");
}
for (FieldError e : ((BindException)ex).getFieldErrors()){
sb.append("☆" + e.getDefaultMessage() + "(" + e.getField() + ")\n");
}
LoggerFactory.getLogger("400.jsp").warn(ex.getMessage(), ex);
}/* else if (ex instanceof ConstraintViolationException) {
for (ConstraintViolation<?> v : ((ConstraintViolationException)ex).getConstraintViolations()) {
sb.append("☆" + v.getMessage() + "(" + v.getPropertyPath() + ")\n");
}
} */ else {
//sb.append(Exceptions.getStackTraceAsString(ex));
sb.append("☆" + ex.getMessage());
}
} else {
sb.append("未知错误.\n\n");
}
// 如果是异步请求或是手机端,则直接返回信息
if (Servlets.isAjaxRequest(request)) {
out.print(sb);
}
// 输出异常信息页面
else {
%>
<%@page import="org.springframework.validation.BindException"%>
<%@page import="org.springframework.validation.ObjectError"%>
<%@page import="org.springframework.validation.FieldError"%>
<%@page import="org.slf4j.Logger,org.slf4j.LoggerFactory"%>
<%@page import="com.nis.web.security.Servlets"%>
<%@page import="com.nis.util.Exceptions"%>
<%@page import="com.nis.util.StringUtils"%>
<%@page contentType="text/html;charset=UTF-8" isErrorPage="true"%>
<%@include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>400 - 请求出错</title>
<%@include file="/WEB-INF/include/header.jsp" %>
</head>
<body>
<div class="container-fluid">
<div class="page-header"><h1>参数有误,服务器无法解析.</h1></div>
<div class="errorMessage">
<%=StringUtils.toHtml(sb.toString())%> <br/>
</div>
<a href="javascript:" onclick="history.go(-1);" class="btn">返回上一页</a> &nbsp;
<br/> <br/>
<script>try{top.$.jBox.closeTip();}catch(e){}</script>
</div>
</body>
</html>
<%
} out = pageContext.pushBody();
%>

View File

@@ -0,0 +1,45 @@
<%
response.setStatus(403);
//获取异常类
Throwable ex = Exceptions.getThrowable(request);
// 如果是异步请求或是手机端,则直接返回信息
if (Servlets.isAjaxRequest(request)) {
if (ex!=null && StringUtils.startsWith(ex.getMessage(), "msg:")){
out.print(StringUtils.replace(ex.getMessage(), "msg:", ""));
}else{
out.print("操作权限不足.");
}
}
//输出异常信息页面
else {
%>
<%@page import="com.nis.web.security.Servlets"%>
<%@page import="com.nis.util.Exceptions"%>
<%@page import="com.nis.util.StringUtils"%>
<%@page contentType="text/html;charset=UTF-8" isErrorPage="true"%>
<%@include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>403 - 操作权限不足</title>
<%@include file="/WEB-INF/include/header.jsp" %>
</head>
<body>
<div class="container-fluid">
<div class="page-header"><h1>操作权限不足-403.</h1></div>
<%
if (ex!=null && StringUtils.startsWith(ex.getMessage(), "msg:")){
out.print("<div>"+StringUtils.replace(ex.getMessage(), "msg:", "")+" <br/> <br/></div>");
}
%>
<div><a href="javascript:" onclick="history.go(-1);" class="btn">返回上一页</a></div>
<script>try{top.$.jBox.closeTip();}catch(e){}</script>
</div>
</body>
</html>
<%
} out = pageContext.pushBody();
%>

View File

@@ -0,0 +1,32 @@
<%
response.setStatus(404);
// 如果是异步请求或是手机端,则直接返回信息
if (Servlets.isAjaxRequest(request)) {
out.print("页面不存在.");
}
//输出异常信息页面
else {
%>
<%@page import="com.nis.web.security.Servlets"%>
<%@page contentType="text/html;charset=UTF-8" isErrorPage="true"%>
<%@include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>404 - 页面不存在</title>
<%@include file="/WEB-INF/include/header.jsp" %>
</head>
<body>
<div class="container-fluid">
<div class="page-header"><h1>404-页面不存在.</h1></div>
<div><a href="javascript:" onclick="history.go(-1);" class="btn">返回上一页</a></div>
<script>try{top.$.jBox.closeTip();}catch(e){}</script>
</div>
</body>
</html>
<%
out.print("<!--"+request.getAttribute("javax.servlet.forward.request_uri")+"-->");
} out = pageContext.pushBody();
%>

View File

@@ -0,0 +1,59 @@
<%
response.setStatus(500);
// 获取异常类
Throwable ex = Exceptions.getThrowable(request);
if (ex != null){
LoggerFactory.getLogger("500.jsp").error(ex.getMessage(), ex);
}
// 编译错误信息
StringBuilder sb = new StringBuilder("错误信息:\n");
if (ex != null) {
sb.append(Exceptions.getStackTraceAsString(ex));
} else {
sb.append("未知错误.\n\n");
}
// 如果是异步请求或是手机端,则直接返回信息
if (Servlets.isAjaxRequest(request)) {
out.print(sb);
}
// 输出异常信息页面
else {
%>
<%@page import="org.slf4j.Logger,org.slf4j.LoggerFactory"%>
<%@page import="com.nis.web.security.Servlets"%>
<%@page import="com.nis.util.Exceptions"%>
<%@page import="com.nis.util.StringUtils"%>
<%@page contentType="text/html;charset=UTF-8" isErrorPage="true"%>
<%@include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>500 - 系统内部错误</title>
<%@include file="/WEB-INF/include/header.jsp" %>
</head>
<body>
<div class="container-fluid">
<div class="page-header"><h1>500-系统内部错误.</h1></div>
<div class="errorMessage">
错误信息:<%=ex==null?"未知错误.":StringUtils.toHtml(ex.getMessage())%> <br/> <br/>
请点击“查看详细信息”按钮,将详细错误信息发送给系统管理员,谢谢!<br/> <br/>
<a href="javascript:" onclick="history.go(-1);" class="btn">返回上一页</a> &nbsp;
<a href="javascript:" onclick="$('.errorMessage').toggle();" class="btn">查看详细信息</a>
</div>
<div class="errorMessage hide">
<%=StringUtils.toHtml(sb.toString())%> <br/>
<a href="javascript:" onclick="history.go(-1);" class="btn">返回上一页</a> &nbsp;
<a href="javascript:" onclick="$('.errorMessage').toggle();" class="btn">隐藏详细信息</a>
<br/> <br/>
</div>
<script>try{top.$.jBox.closeTip();}catch(e){}</script>
</div>
</body>
</html>
<%
} out = pageContext.pushBody();
%>

View File

@@ -0,0 +1,610 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<c:set var="tabmode" value="${empty cookie.tabmode.value ? '1' : cookie.tabmode.value}"/>
<c:set var="workNotifyRemindInterval" value="${fns:getStringProperty('work.notify.remind.interval','')}"/>
<c:if test="${tabmode eq '1'}">
<link rel="Stylesheet" href="${pageContext.request.contextPath}/static/jerichotab/css/jquery.jerichotab.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jerichotab/js/jquery.jerichotab.js"></script>
</c:if>
<link rel="shortcut icon" href="${pageContext.request.contextPath}/static/images/mvc_frame.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>${fns:getStringProperty('productName','NIS')}</title>
<style type="text/css">
</style>
</head>
<body>
<div id="main">
<!-- header -->
<div id="header" class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="topleft">
<a href="${pageContext.request.contextPath}/" target="_parent"><img src="${ctxStatic}/images/loginlogo.png" title="系统首页" /></a>
</div>
<ul class="topnav">
<c:forEach items="${fns:getMenuTreeList()}" var="menu" varStatus="idxStatus">
<c:if test="${menu.parent.id eq 1 && menu.isShow eq 1}">
<c:if test="${menu.href != null && menu.href != ''}" var="leafNodeFlag">
<li>
<a href="${ctx}${menu.href}" id="${menu.id}" target="mainFrame" class="${idxStatus.index eq 0 ? 'selected' : ''}">
<img src="${ctxStatic}/images/${menu.icon}.png" title="${menu.name }" />
<h2>${menu.name }</h2>
</a>
</li>
</c:if>
<c:if test="${!leafNodeFlag }">
<li>
<a href="javascript:void(0);" id="${menu.id}" class="${idxStatus.index eq 0 ? 'selected' : ''}">
<img src="${ctxStatic}/images/${menu.icon}.png" title="${menu.name}" />
<h2>${menu.name}</h2>
</a>
</li>
</c:if>
</c:if>
</c:forEach>
</ul>
<div class="topright">
<ul>
<li><a href="${pageContext.request.contextPath}/" title="访问网站主页"><i class="icon-home"></i> 首页</a></li>
<li><a href="#"><i class="icon-question-sign"></i> 帮助</a></li>
<li><a href="${pageContext.request.contextPath }/logout" title="退出登录"><i class="icon-signout"></i> 退出</a></li>
</ul>
<div class="user">
<ul class="nav pull-right">
<li id="userInfo" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="个人信息"><i class="icon-user"></i> 您好,${fns:getUser().name}&nbsp;<span id="notifyNum" class="label label-info hide"></span><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="${ctx}/sys/user/info" target="mainFrame"><i class="icon-user"></i>&nbsp; 个人信息</a></li>
<li><a href="${ctx}/sys/user/modifyPwd" target="mainFrame"><i class="icon-lock"></i>&nbsp; 修改密码</a></li>
<li><a href="${ctx}oa/oaNotify/self" target="mainFrame"><i class="icon-bell"></i>&nbsp; 我的通知 <span id="notifyNum2" class="label label-info hide"></span></a></li>
</ul>
</li>
<li id="themeSwitch" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="主题切换"><i class="icon-th-large"></i>&nbsp;<b class="caret"></b></a>
<ul class="dropdown-menu">
<c:forEach items="${fns:getDictList('SYS_THEME')}" var="dict">
<li <c:if test="${cookie.theme.value eq dict.itemCode}">class='active'</c:if>>
<a href="#" onclick="location='${pageContext.request.contextPath}/theme/${dict.itemCode}?url='+location.href">${dict.itemValue}</a>
</li>
</c:forEach>
<li><a href="javascript:cookie('tabmode','${tabmode eq '1' ? '0' : '1'}');location=location.href">${tabmode eq '1' ? '关闭' : '开启'}页签模式</a></li>
</ul>
<!--[if lte IE 6]><script type="text/javascript">$('#themeSwitch').hide();</script><![endif]-->
</li>
<li><a href="javascript:void(0);" class="tip-bottom" title="显示/隐藏快捷菜单"><i id="show-hide-option" class="icon-eye-open"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- main content -->
<div class="container-fluid">
<div id="content" class="row-fluid">
<div id="left">
<!-- sidebar -->
<c:forEach items="${fns:getMenuTreeList()}" var="menu" varStatus="idxStatus">
<c:if test="${not empty menu.children }">
<div id="menu-${menu.id }" class="accordion ${idxStatus.index eq 0 ? '' : 'hide'}">
<div class="lefttop"><span></span>${menu.name }</div>
<dl class="leftmenu">
<c:forEach items="${menu.children}" var="secondMenu">
<dd>
<div id="menu-${menu.id }-${secondMenu.id}" class="title">
<img src="${ctxStatic}/images/${secondMenu.icon}.png" title="${secondMenu.name }"/>
<%-- <span class="${secondMenu.icon } icon-white"></span> --%>${secondMenu.name}
</div>
<ul class="menuson">
<c:forEach items="${secondMenu.children}" var="thirdMenu" varStatus="thirdIdxStatus">
<c:if test="${thirdMenu.href != null && thirdMenu.href != '' }">
<li>
<span class="${not empty thirdMenu.icon?thirdMenu.icon:'icon-hide'} icon-white"></span>
<a id="menu-${menu.id }-${secondMenu.id}-${thirdMenu.id}" data-id="${thirdMenu.id}" data-name="${menu.name }-${secondMenu.name}-${thirdMenu.name}"
href="${ctx}${thirdMenu.href}" target="mainFrame">${thirdMenu.name }<i></i></a>
</li>
</c:if>
</c:forEach>
</ul>
</dd>
</c:forEach>
</dl>
</div>
</c:if>
</c:forEach>
</div>
<div id="openClose" class="close">&nbsp;</div>
<div id="right">
<div class="quick-actions_homepage">
<div id="quickMenu">
<ul class="quick-actions">
<!-- <li class="bg_lb"> <a href="javascript:void(0);" onclick="go_home()"> <i class="icon-check"></i> 待办事项</a> </li> -->
<c:forEach items="${fns:getMenuTreeList()}" var="menu" varStatus="idxStatus">
<c:if test="${not empty menu.children }">
<c:forEach items="${menu.children}" var="secondMenu">
<c:if test="${not empty secondMenu.href and secondMenu.quickAction ne 0}">
<c:if test="${secondMenu.quickAction==1}">
<li class="${secondMenu.menuBg }">
<a href="javascript:void(0);" onclick="page_turn('${menu.id}'+'_'+'${secondMenu.id}')"> <i class="${secondMenu.icon }"></i> ${secondMenu.name }
<c:if test="${secondMenu.name eq '待办事项'}"><span id="notifyWorkedOption" class="label label-important hide"></span></c:if>
</a>
</li>
</c:if>
<c:if test="${secondMenu.quickAction==2}">
<li class="${secondMenu.menuBg } span3"> <a href="javascript:void(0);" onclick="page_turn('${menu.id}'+'_'+'${secondMenu.id}')">
<i class="${secondMenu.icon }"></i> ${secondMenu.name } <c:if test="${secondMenu.name eq '待办事项'}"><span id="notifyWorkedOption" class="label label-important hide"></span></c:if></a> </li>
</c:if>
</c:if>
<c:forEach items="${secondMenu.children}" var="thirdMenu">
<c:if test="${not empty thirdMenu.href and thirdMenu.quickAction ne 0}">
<c:if test="${thirdMenu.quickAction==1}">
<li class="${thirdMenu.menuBg }">
<a href="javascript:void(0);" onclick="page_turn('${menu.id}'+'_'+'${secondMenu.id}'+'_'+'${thirdMenu.id}')"> <i class="${thirdMenu.icon }"></i> ${thirdMenu.name }
<c:if test="${thirdMenu.name eq '待办事项'}"><span id="notifyWorkedOption" class="label label-important hide"></span></c:if>
</a>
</li>
</c:if>
<c:if test="${thirdMenu.quickAction==2}">
<li class="${thirdMenu.menuBg } span3">
<a href="javascript:void(0);" onclick="page_turn('${menu.id}'+'_'+'${secondMenu.id}'+'_'+'${thirdMenu.id}')"> <i class="${thirdMenu.icon }"></i> ${thirdMenu.name }
<c:if test="${thirdMenu.name eq '待办事项'}"><span id="notifyWorkedOption" class="label label-important hide"></span></c:if>
</a>
</li>
</c:if>
</c:if>
</c:forEach>
</c:forEach>
</c:if>
</c:forEach>
</ul>
</div>
</div>
<%-- <div class="place">
<span><i class="icon-home"></i> </span>
<ul class="placeul">
<li><a href="${pageContext.request.contextPath}/" >首页</a></li>
<li><a href="javascript:void(0);" >首页</a></li>
</ul>
</div> --%>
<iframe id="mainFrame" name="mainFrame" src="" style="overflow:visible;" scrolling="yes" frameborder="no" width="100%">
浏览器不支持嵌入式框架或配置为不显示嵌入式框架。
</iframe>
</div>
</div>
<div id="footer" class="row-fluid">
Copyright &copy; 2015-${fns:getStringProperty('copyrightYear','2015')} ${fns:getStringProperty('productName','NIS')} - Powered By <a href="${pageContext.request.contextPath }" target="_blank">NIS</a> ${fns:getStringProperty('version','1.0')}
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
App.init();
});
function page_turn(ids) {
var ids = ids.split("_");
$("#"+ids[0]).click();
var $secondMenu = $("#menu-"+ids[0]+"-"+ids[1]).siblings(".menuson");
if ($secondMenu.is(':hidden')){
$("#menu-"+ids[0]+"-"+ids[1]).click();
}
var $thirdMenu = $("#menu-"+ids[0]+"-"+ids[1]+"-"+ids[2]);
if (!$thirdMenu.parent().hasClass("active")) {
$thirdMenu.children("i").click();
}
}
var App = function() {
var leftWidth = 190; // 左侧窗口大小
var tabTitleHeight = 33; // 页签的高度
var htmlObj = $("html"), mainObj = $("#main");
var headerObj = $("#header"), footerObj = $("#footer");
var centerObj = $("#left, #openClose, #right");
var frameObj = $("#right iframe");
var quickObj = $("#right .quick-actions_homepage");
var handleResponsiveOnResize = function(){
$("#left").width(leftWidth);
$("#openClose").click(function(){
if($(this).hasClass("close")){
$(this).removeClass("close").addClass("open");
$("#left").animate({width:0,opacity:"hide"});
$("#right").animate({width:$("#content").width()-$("#openClose").width()-5},function(){
if(typeof openCloseClickCallBack=="function"){
openCloseClickCallBack(true);
}
wSize();
}
)
} else {
$(this).removeClass("open").addClass("close");
$("#left").animate({width:leftWidth,opacity:"show"});
$("#right").animate({width:$("#content").width()-$("#openClose").width()-leftWidth-9},function(){
if(typeof openCloseClickCallBack=="function"){
openCloseClickCallBack(true);
}
wSize();
}
);
}
});
if(!Array.prototype.map){
Array.prototype.map=function(e,d){
var a=[],b=0;
for(var c=0,f=this.length;c<f;c++){
if(c in this){
a[b++]=e.call(d,this[c],c,this)
}
}
return a;
}
}
$(window).resize(function(){wSize()});
wSize();
}
<c:if test="${tabmode eq '1'}">
var openCloseClickCallBack = function(b){
$.fn.jerichoTab.resize();
}
</c:if>
var getWindowSize = function(){
return["Height","Width"].map(function(a){
return window["inner"+a]||document.compatMode==="CSS1Compat"&&document.documentElement["client"+a]||document.body["client"+a]});
}
//主界面自适应大小
var wSize = function(){
var minHeight = 500, minWidth = 980;
var strs = getWindowSize().toString().split(",");
htmlObj.css({"overflow-x":strs[1] < minWidth ? "auto" : "hidden", "overflow-y":strs[0] < minHeight ? "auto" : "hidden"});
mainObj.css("width",strs[1] < minWidth ? minWidth - 10 : "auto");
centerObj.height((strs[0] < minHeight ? minHeight : strs[0]) - headerObj.height() - footerObj.height() - (strs[1] < minWidth ? 42 : 28));
$("#openClose").height($("#openClose").height() - 5);
frameObj.height($("#right").height()-quickObj.height());
<c:if test="${tabmode eq '1'}">
$(".jericho_tab iframe").height(0).height($("#right").height() - tabTitleHeight - quickObj.height());
$('#jerichotab_contentholder').height(0).height($("#right").height() - tabTitleHeight - quickObj.height());
</c:if>
wSizeWidth();
}
var wSizeWidth = function (){
if (!$("#openClose").is(":hidden")){
var leftWidth = ($("#left").width() < 0 ? 0 : $("#left").width());
$("#right").width($("#content").width()- leftWidth - $("#openClose").width() -5);
}else{
$("#right").width("100%");
}
}
var sidebar_init = function() {
menu_action_init();
system_menu_default_page();
}
//系统进入默认首页界面
var system_menu_default_page = function() {
var $topMenuFirst = $(".topnav li a:first").click();
var menuId = "#menu-" + $topMenuFirst.attr("id");
// 初始化点击第一个二级菜单
if ($(menuId + " dd:first .menuson").is(":hidden")){
$(menuId + " dd:first .title").click();
}
// 初始化点击第一个三级菜单
if (!$(menuId + " dd:first .menuson li:first").hasClass("active")){
var liobject = $(menuId + " dd:first .menuson li:first a i");
liobject.click();
}
}
//菜单选择触发事件
var menu_action_init = function() {
//顶部导航切换
$(".topnav li a").click(function(){
// 一级菜单焦点
$(".topnav li a.selected").removeClass("selected")
$(this).addClass("selected");
// 顶部为直接链接,左侧区域隐藏
if ($(this).attr("target") == "mainFrame"){
$("#left,#openClose").hide();
wSizeWidth();
<c:if test="${tabmode eq '1'}"> // 隐藏页签
$(".jericho_tab").hide();
$("#mainFrame").show();
</c:if>
return true;
}
// 左侧区域显示
$("#left,#openClose").show();
if(!$("#openClose").hasClass("close")){
$("#openClose").click();
}
// 显示二级菜单
var menuId = "#menu-" + $(this).attr("id");
//默认加载所有菜单
if ($(menuId).length){
$("#left>.accordion").addClass("hide");
$(menuId).removeClass("hide");
} else {
// 获取二级菜单数据
$.get($(this).attr("data-href"), function(data){
if (data.indexOf("id=\"loginForm\"") != -1){
alert('未登录或登录超时。请重新登录,谢谢!');
top.location = "${pageContext.request.contextPath}/";
return false;
}
});
}
// 大小宽度调整
wSizeWidth();
return false;
})
//快捷菜单显示隐藏动作
$("#show-hide-option").click(function(event){
var disp = $("#quickMenu").css("display");
if(!disp || disp == "block" ) {
$("#quickMenu").slideUp(200,function(){
$("#show-hide-option").removeClass().addClass("icon-eye-close");
wSize();
});
}else {
$("#quickMenu").slideDown(200,function(){
$("#show-hide-option").removeClass().addClass("icon-eye-open");
wSize();
});
}
event.preventDefault();
});
// 二级标题
$('.leftmenu .title').click(function(){
menu_header_active($(this));
});
// 展现三级
$(".menuson>li>a").click(function(){
$(".menuson li.active").removeClass("active");
$(this).parent().addClass("active");
var href = $(this).attr("data-href");
if($(href).length > 0){
$(href).toggle().parent().toggle();
return false;
}
//breadcrumb($(this));
<c:if test="${tabmode eq '1'}"> //打开显示页签
return App.addTab($(this),true);
</c:if>
});
// 鼠标移动到边界自动弹出左侧菜单
$("#openClose").mouseover(function(){
if($(this).hasClass("open")){
$(this).click();
}
});
}
//生成当前位置栏目
var breadcrumb = function($this) {
var names = $this.attr("data-name").split("-");
var breadHtml = '<li><a href="${pageContext.request.contextPath}/" >首页</a></li>';
for (i=0; i<names.length; i++) {
breadHtml += '<li><a href="javascript:void(0);" >'+names[i]+'</a></li>';
}
$('.placeul').html(breadHtml);
}
//左侧菜单标题点击时触发事件
var menu_header_active = function($this){
var $ul = $this.next('ul');
$('dd').find('.menuson').slideUp();
if($ul.is(':visible')){
$this.next('.menuson').slideUp();
}else{
$this.next('.menuson').slideDown();
}
}
return {
init:function(){
handleResponsiveOnResize();
// 链接去掉虚框
$("#left a").bind("focus",function() {
if(this.blur) {this.blur()};
});
<c:if test="${tabmode eq '1'}"> //初始化页签
$.fn.initJerichoTab({
renderTo: '#right', uniqueId: 'jerichotab',
contentCss: { 'height': $('#right').height() - quickObj.height() - tabTitleHeight },
tabs: [], loadOnce: true, tabWidth: 110, titleHeight: tabTitleHeight, quickActionMenu: "#right .quick-actions_homepage"
});
</c:if>
sidebar_init();
<c:if test="${tabmode eq '1'}"> //下拉菜单以选项卡方式打开
$("#userInfo .dropdown-menu a").mouseup(function(){
return App.addTab($(this), true);
});
</c:if>
},
addTab:function($this,refresh) {
$(".jericho_tab").show();
$("#mainFrame").hide();
$.fn.jerichoTab.addTab({
tabFirer: $this,
title: $this.text(),
closeable: true,
data: {
dataType: 'iframe',
dataLink: $this.attr('href')
}
}).loadData(refresh);
return false;
}
};
}();
</script>
</body>
</html>

View File

@@ -0,0 +1,647 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<c:set var="tabmode" value="${empty cookie.tabmode.value ? '1' : cookie.tabmode.value}"/>
<c:set var="workNotifyRemindInterval" value="${fns:getStringProperty('work.notify.remind.interval','')}"/>
<c:if test="${tabmode eq '1'}">
<link rel="Stylesheet" href="${pageContext.request.contextPath}/static/jerichotab/css/jquery.jerichotab.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jerichotab/js/jquery.jerichotab.js"></script>
</c:if>
<link rel="shortcut icon" href="${pageContext.request.contextPath}/static/images/mvc_frame.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>${fns:getStringProperty('productName','NIS')}</title>
<style type="text/css">
#main {padding:0;margin:0;}
#main .container-fluid{padding:0 4px 0 4px;}
#header {margin:0 0 2px;position:static;}
#header li {font-size:14px;_font-size:13px;}
#header .brand {font-family:"Microsoft Yahei","微软雅黑",Helvetica, Arial, sans-serif, "宋体";font-size:26px;padding-left:33px;}
#footer {margin:8px 0 0 0;padding:3px 0 0 0;font-size:11px;text-align:center;border-top:2px solid #0663A2;}
#footer, #footer a {color:#999;} #left{overflow-x:hidden;overflow-y:auto;}
#left .collapse{position:static;}
.accordion-heading .accordion-toggle .icon-chevron-left{
margin-right:3px;
display:inline;
font-weight:300;
float:right;
display:inline;
padding-top:2px;
}
.accordion-heading .accordion-toggle .icon-chevron-down{
height:auto;
margin-right:3px;
display:inline;
font-weight:300;
float:right;
display:inline;
padding-top:2px;
}
#userControl {
background-image: url(${ctxStatic}/images/bs_bannerright.jpg);
background-repeat: no-repeat;
}
#userControl>li>a{/*color:#fff;*/text-shadow:none;}
#userControl>li>a:hover, #user #userControl>li.open>a{background:transparent;}
.header-left {
display: block;
float: left;
margin-left: 1px;
text-shadow: 0 1px 0 #ffffff;
width: 608px;
height:87px;
background-image: url(${ctxStatic}/images/bs_bannerleft.jpg);
background-repeat: no-repeat;
}
.nav-collapse {
width:100%;
height:87px;
background-image: url(${ctxStatic}/images/bs_bannercenter.jpg);
background-repeat: repeat;
}
#content {
background: none repeat scroll 0 0 #eeeeee;
margin-right: 0;
position: relative;
min-height:100%;
width: auto;
}
</style>
</head>
<body>
<div id="main">
<!-- header -->
<div id="header" class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="header-left">
<%-- <span id="productName"> ${fns:getStringProperty('productName','NIS')}</span> --%>
</div>
<ul id="userControl" class="nav pull-right">
<li class="divider-vertical hidden-phone hidden-tablet"></li>
<li><a href="${pageContext.request.contextPath}/" title="访问网站主页"><i class="icon-home"></i></a></li>
<li id="userInfo" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="个人信息">您好,${fns:getUser().name}&nbsp;<span id="notifyNum" class="label label-info hide"></span><b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="${ctx}/sys/user/info" target="mainFrame"><i class="icon-user"></i>&nbsp; 个人信息</a></li>
<li><a href="${ctx}/sys/user/modifyPwd" target="mainFrame"><i class="icon-lock"></i>&nbsp; 修改密码</a></li>
<li><a href="${ctx}oa/oaNotify/self" target="mainFrame"><i class="icon-bell"></i>&nbsp; 我的通知 <span id="notifyNum2" class="label label-info hide"></span></a></li>
</ul>
</li>
<li id="themeSwitch" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="主题切换"><i class="icon-th-large"></i>&nbsp;<b class="caret"></b></a>
<ul class="dropdown-menu">
<c:forEach items="${fns:getDictList('SYS_THEME')}" var="dict">
<li <c:if test="${cookie.theme.value eq dict.itemCode}">class='active'</c:if>>
<a href="#" onclick="location='${pageContext.request.contextPath}/theme/${dict.itemCode}?url='+location.href">${dict.itemValue}</a>
</li>
</c:forEach>
<li><a href="javascript:cookie('tabmode','${tabmode eq '1' ? '0' : '1'}');location=location.href">${tabmode eq '1' ? '关闭' : '开启'}页签模式</a></li>
</ul>
<!--[if lte IE 6]><script type="text/javascript">$('#themeSwitch').hide();</script><![endif]-->
</li>
<li class="divider-vertical hidden-phone hidden-tablet"></li>
<li><a href="javascript:void(0);" class="tip-bottom" title="显示/隐藏快捷菜单"><i id="show-hide-option" class="icon-eye-open"></i></a></li>
<li><a href="${pageContext.request.contextPath }/logout" title="退出登录"><i class="icon-signout"></i>&nbsp;退出</a></li>
<li>&nbsp;</li>
</ul>
<div class="nav-collapse">
<ul id="menu" class="nav" style="*white-space:nowrap;float:none;">
<c:forEach items="${fns:getMenuTreeList()}" var="menu" varStatus="idxStatus">
<c:if test="${menu.parent.id eq 1 && menu.isShow eq 1}">
<li class="menu ${idxStatus.index eq 0 ? 'active' : ''}">
<c:if test="${menu.href != null && menu.href != ''}" var="leafNodeFlag">
<a class="menu" href="${ctx}${menu.href}" data-id="${menu.id}" target="mainFrame"><i class="${menu.icon } icon-white"></i> ${menu.name }</a>
</c:if>
<c:if test="${!leafNodeFlag }">
<a class="menu" href="javascript:void(0);" data-href="" data-id="${menu.id}"><i class="${menu.icon } icon-white"></i> ${menu.name}</a>
</c:if>
</li>
</c:if>
</c:forEach>
<li>
<a href="documentation.html"><i class="icon-book icon-white"></i> 帮助</a>
</li>
</ul>
</div>
</div>
</div>
<!-- main content -->
<div class="container-fluid">
<div id="content" class="row-fluid">
<div id="left">
<!-- sidebar -->
<c:forEach items="${fns:getMenuTreeList()}" var="menu" varStatus="idxStatus">
<c:if test="${not empty menu.children }">
<div id="menu-${menu.id }" class="accordion">
<c:forEach items="${menu.children}" var="secondMenu">
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapse_${secondMenu.id}" data-parent="#menu-${menu.id }" data-toggle="collapse" class="accordion-toggle">
${secondMenu.name} <i class="icon-chevron-left"></i>
</a>
</div>
<div class="accordion-body collapse" id="collapse_${secondMenu.id}">
<div class="accordion-inner">
<ul class="nav nav-list">
<c:forEach items="${secondMenu.children}" var="thirdMenu">
<c:if test="${thirdMenu.href != null && thirdMenu.href != '' }">
<li>
<a href="${ctx}${thirdMenu.href}" data-id="${thirdMenu.id}" target="mainFrame"><i class="${not empty thirdMenu.icon?thirdMenu.icon:'icon-hide'} icon-white"></i> ${thirdMenu.name }</a>
<ul style="margin:0;padding-right:0;" class="nav nav-list hide"></ul>
</li>
</c:if>
<!--
<li class="divider"></li>
-->
</c:forEach>
</ul>
</div>
</div>
</div>
</c:forEach>
</div>
</c:if>
</c:forEach>
</div>
<div id="openClose" class="close">&nbsp;</div>
<div id="right">
<div class="quick-actions_homepage">
<div id="quickMenu">
<ul class="quick-actions">
<!-- <li class="bg_lb"> <a href="javascript:void(0);" onclick="go_home()"> <i class="icon-check"></i> 待办事项</a> </li> -->
<c:forEach items="${fns:getMenuTreeList()}" var="menu" varStatus="idxStatus">
<c:if test="${not empty menu.children }">
<c:forEach items="${menu.children}" var="secondMenu">
<c:if test="${not empty secondMenu.href and secondMenu.quickAction ne 0}">
<c:if test="${secondMenu.quickAction==1}">
<li class="${secondMenu.menuBg }">
<a href="javascript:void(0);" onclick="page_turn('${menu.id}'+'_'+'${secondMenu.id}')"> <i class="${secondMenu.icon }"></i> ${secondMenu.name }
<c:if test="${secondMenu.name eq '待办事项'}"><span id="notifyWorkedOption" class="label label-important hide"></span></c:if>
</a>
</li>
</c:if>
<c:if test="${secondMenu.quickAction==2}">
<li class="${secondMenu.menuBg } span3"> <a href="javascript:void(0);" onclick="page_turn('${menu.id}'+'_'+'${secondMenu.id}')">
<i class="${secondMenu.icon }"></i> ${secondMenu.name } <c:if test="${secondMenu.name eq '待办事项'}"><span id="notifyWorkedOption" class="label label-important hide"></span></c:if></a> </li>
</c:if>
</c:if>
<c:forEach items="${secondMenu.children}" var="thirdMenu">
<c:if test="${not empty thirdMenu.href and thirdMenu.quickAction ne 0}">
<c:if test="${thirdMenu.quickAction==1}">
<li class="${thirdMenu.menuBg }">
<a href="javascript:void(0);" onclick="page_turn('${menu.id}'+'_'+'${secondMenu.id}'+'_'+'${thirdMenu.id}')"> <i class="${thirdMenu.icon }"></i> ${thirdMenu.name }
<c:if test="${thirdMenu.name eq '待办事项'}"><span id="notifyWorkedOption" class="label label-important hide"></span></c:if>
</a>
</li>
</c:if>
<c:if test="${thirdMenu.quickAction==2}">
<li class="${thirdMenu.menuBg } span3">
<a href="javascript:void(0);" onclick="page_turn('${menu.id}'+'_'+'${secondMenu.id}'+'_'+'${thirdMenu.id}')"> <i class="${thirdMenu.icon }"></i> ${thirdMenu.name }
<c:if test="${thirdMenu.name eq '待办事项'}"><span id="notifyWorkedOption" class="label label-important hide"></span></c:if>
</a>
</li>
</c:if>
</c:if>
</c:forEach>
</c:forEach>
</c:if>
</c:forEach>
</ul>
</div>
</div>
<iframe id="mainFrame" name="mainFrame" src="" style="overflow:visible;" scrolling="yes" frameborder="no" width="100%">
浏览器不支持嵌入式框架或配置为不显示嵌入式框架。
</iframe>
</div>
</div>
<div id="footer" class="row-fluid">
Copyright &copy; 2015-${fns:getStringProperty('copyrightYear','2015')} ${fns:getStringProperty('productName','NIS')} - Powered By <a href="${pageContext.request.contextPath }" target="_blank">NIS</a> ${fns:getStringProperty('version','1.0')}
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
App.init();
});
function page_turn(ids) {
var ids = ids.split("_");
$("#menu a.menu").filter("[data-id='"+ids[0]+"']").click();
var $secondMenu = $("#left .accordion-heading a").filter("[href='#collapse_"+ids[1]+"']");
if (!$($secondMenu.attr("href")).hasClass('in')){
$secondMenu.click();
}
var $thirdMenu = $($secondMenu.attr("href")).find(".accordion-inner > ul > li > a ").filter("[data-id='"+ids[2]+"']");
$thirdMenu.children("i").click();
}
var App = function() {
var leftWidth = 160; // 左侧窗口大小
var tabTitleHeight = 33; // 页签的高度
var htmlObj = $("html"), mainObj = $("#main");
var headerObj = $("#header"), footerObj = $("#footer");
var centerObj = $("#left, #openClose, #right");
var frameObj = $("#right iframe");
var quickObj = $("#right .quick-actions_homepage");
var handleResponsiveOnResize = function(){
$("#left").width(leftWidth);
$("#openClose").click(function(){
if($(this).hasClass("close")){
$(this).removeClass("close").addClass("open");
$("#left").animate({width:0,opacity:"hide"});
$("#right").animate({width:$("#content").width()-$("#openClose").width()-5},function(){
if(typeof openCloseClickCallBack=="function"){
openCloseClickCallBack(true);
}
wSize();
}
)
} else {
$(this).removeClass("open").addClass("close");
$("#left").animate({width:leftWidth,opacity:"show"});
$("#right").animate({width:$("#content").width()-$("#openClose").width()-leftWidth-9},function(){
if(typeof openCloseClickCallBack=="function"){
openCloseClickCallBack(true);
}
wSize();
}
);
}
});
if(!Array.prototype.map){
Array.prototype.map=function(e,d){
var a=[],b=0;
for(var c=0,f=this.length;c<f;c++){
if(c in this){
a[b++]=e.call(d,this[c],c,this)
}
}
return a;
}
}
$(window).resize(function(){wSize()});
wSize();
}
<c:if test="${tabmode eq '1'}">
var openCloseClickCallBack = function(b){
$.fn.jerichoTab.resize();
}
</c:if>
var getWindowSize = function(){
return["Height","Width"].map(function(a){
return window["inner"+a]||document.compatMode==="CSS1Compat"&&document.documentElement["client"+a]||document.body["client"+a]});
}
//主界面自适应大小
var wSize = function(){
var minHeight = 500, minWidth = 980;
var strs = getWindowSize().toString().split(",");
htmlObj.css({"overflow-x":strs[1] < minWidth ? "auto" : "hidden", "overflow-y":strs[0] < minHeight ? "auto" : "hidden"});
mainObj.css("width",strs[1] < minWidth ? minWidth - 10 : "auto");
centerObj.height((strs[0] < minHeight ? minHeight : strs[0]) - headerObj.height() - footerObj.height() - (strs[1] < minWidth ? 42 : 28));
$("#openClose").height($("#openClose").height() - 5);
frameObj.height($("#right").height()-quickObj.height());
<c:if test="${tabmode eq '1'}">
$(".jericho_tab iframe").height(0).height($("#right").height() - tabTitleHeight - quickObj.height());
$('#jerichotab_contentholder').height(0).height($("#right").height() - tabTitleHeight - quickObj.height());
</c:if>
wSizeWidth();
}
var wSizeWidth = function (){
if (!$("#openClose").is(":hidden")){
var leftWidth = ($("#left").width() < 0 ? 0 : $("#left").width());
$("#right").width($("#content").width()- leftWidth - $("#openClose").width() -5);
}else{
$("#right").width("100%");
}
}
var sidebar_init = function() {
menu_action_init();
system_menu_default_page();
}
//系统进入默认首页界面
var system_menu_default_page = function() {
var $topMenuFirst = $("#menu a.menu:first i").click();
var menuId = "#menu-" + $topMenuFirst.parent().attr("data-id");
// 初始化点击第一个二级菜单
if (!$(menuId + " .accordion-body:first").hasClass('in')){
$(menuId + " .accordion-heading:first a").click();
}
if (!$(menuId + " .accordion-body li:first ul:first").is(":visible")){
var iobject = $(menuId + " .accordion-body a:first i");
var aObject = $(menuId + " .accordion-body li:first a");
$(menuId + " .accordion-body a:first i").click();
}
// 初始化点击第一个三级菜单
$(menuId + " .accordion-body li:first li:first a:first").click();
}
//菜单选择触发事件
var menu_action_init = function() {
// 绑定菜单单击事件
$("#menu a.menu").click(function(){
// 一级菜单焦点
$("#menu li.menu").removeClass("active");
$(this).parent().addClass("active");
// 左侧区域隐藏
if ($(this).attr("target") == "mainFrame"){
$("#left,#openClose").hide();
wSizeWidth();
<c:if test="${tabmode eq '1'}"> // 隐藏页签
$(".jericho_tab").hide();
$("#mainFrame").show();
</c:if>
return true;
}
// 左侧区域显示
$("#left,#openClose").show();
if(!$("#openClose").hasClass("close")){
$("#openClose").click();
}
// 显示二级菜单
var menuId = "#menu-" + $(this).attr("data-id");
//默认加载所有菜单
if ($(menuId).length){
$("#left .accordion").hide();
$(menuId).show();
} else {
// 获取二级菜单数据
$.get($(this).attr("data-href"), function(data){
if (data.indexOf("id=\"loginForm\"") != -1){
alert('未登录或登录超时。请重新登录,谢谢!');
top.location = "${pageContext.request.contextPath}/";
return false;
}
});
}
// 大小宽度调整
wSizeWidth();
return false;
});
//快捷菜单显示隐藏动作
$("#show-hide-option").click(function(event){
var disp = $("#quickMenu").css("display");
if(!disp || disp == "block" ) {
$("#quickMenu").slideUp(200,function(){
$("#show-hide-option").removeClass().addClass("icon-eye-close");
wSize();
});
}else {
$("#quickMenu").slideDown(200,function(){
$("#show-hide-option").removeClass().addClass("icon-eye-open");
wSize();
});
}
event.preventDefault();
});
// 二级标题
$("#left .accordion-heading a").click(function(){
menu_header_active($(this));
});
// 二级内容
$("#left .accordion-body a").click(function(){
var $sub_li = $("#left .accordion-body li");
$sub_li.removeClass("active");
$sub_li.children("i").removeClass("icon-white");
$(this).parent().addClass("active");
$(this).children("i").addClass("icon-white");
});
// 展现三级
$("#left .accordion-inner a").click(function(){
var href = $(this).attr("data-href");
if($(href).length > 0){
$(href).toggle().parent().toggle();
return false;
}
<c:if test="${tabmode eq '1'}"> //打开显示页签
return App.addTab($(this));
</c:if>
});
// 鼠标移动到边界自动弹出左侧菜单
$("#openClose").mouseover(function(){
if($(this).hasClass("open")){
$(this).click();
}
});
}
//左侧菜单标题点击时触发事件
var menu_header_active = function($this){
var $flag = $this.children("i");
if($flag.hasClass("icon-chevron-down")){
$flag.removeClass('icon-chevron-down').addClass('icon-chevron-left');
return;
}
var thisAccordion = $('#left');
thisAccordion.find('.accordion-heading a').children("i").removeClass('icon-chevron-down').addClass('icon-chevron-left');
$flag.removeClass('icon-chevron-left').addClass('icon-chevron-down');
}
return {
init:function(){
handleResponsiveOnResize();
// 链接去掉虚框
$("#left a").bind("focus",function() {
if(this.blur) {this.blur()};
});
<c:if test="${tabmode eq '1'}"> //初始化页签
$.fn.initJerichoTab({
renderTo: '#right', uniqueId: 'jerichotab',
contentCss: { 'height': $('#right').height() - quickObj.height() - tabTitleHeight },
tabs: [], loadOnce: true, tabWidth: 110, titleHeight: tabTitleHeight, quickActionMenu: "#right .quick-actions_homepage"
});
</c:if>
sidebar_init();
<c:if test="${tabmode eq '1'}"> //下拉菜单以选项卡方式打开
$("#userInfo .dropdown-menu a").mouseup(function(){
return App.addTab($(this), true);
});
</c:if>
App.getNotifyNum();
<c:if test="${workNotifyRemindInterval ne '' && workNotifyRemindInterval ne '0'}">
setInterval(App.getNotifyNum, '${workNotifyRemindInterval}');
</c:if>
},
addTab:function($this,refresh) {
$(".jericho_tab").show();
$("#mainFrame").hide();
$.fn.jerichoTab.addTab({
tabFirer: $this,
title: $this.text(),
closeable: true,
data: {
dataType: 'iframe',
dataLink: $this.attr('href')
}
}).loadData(refresh);
return false;
},
getNotifyNum:function(){
$.get("${ctx}/sys/user/getToDoTaskNum?updateSession=0&t="+new Date().getTime(),function(data){
var num = parseFloat(data);
if (num > 0){
$("#notifyWorkedOption").show().html(num);
}else{
$("#notifyWorkedOption").hide()
}
});
}
};
}();
</script>
</body>
</html>

View File

@@ -0,0 +1,472 @@
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>${fns:getStringProperty('productName','NIS')}</title>
<style type="text/css">
#footer {margin:8px 0 0 0;padding:3px 0 0 0;font-size:11px;text-align:center;border-top:2px solid #0663A2;}
#footer, #footer a {color:#999;}
</style>
</head>
<body>
<div id="loading_layer" style="display:none"><img src="${pageContext.request.contextPath }/static/img/ajax_loader.gif" alt="" /></div>
<div class="style_switcher">
<div class="sepH_c">
<p>Colors:</p>
<div class="clearfix">
<a href="javascript:void(0)" class="style_item jQclr blue_theme style_active" title="blue">blue</a>
<a href="javascript:void(0)" class="style_item jQclr dark_theme" title="dark">dark</a>
<a href="javascript:void(0)" class="style_item jQclr green_theme" title="green">green</a>
<a href="javascript:void(0)" class="style_item jQclr brown_theme" title="brown">brown</a>
<a href="javascript:void(0)" class="style_item jQclr eastern_blue_theme" title="eastern_blue">eastern blue</a>
<a href="javascript:void(0)" class="style_item jQclr tamarillo_theme" title="tamarillo">tamarillo</a>
</div>
</div>
<div class="sepH_c">
<p>Backgrounds:</p>
<div class="clearfix">
<span class="style_item jQptrn style_active ptrn_def" title=""></span>
<span class="ssw_ptrn_a style_item jQptrn" title="ptrn_a"></span>
<span class="ssw_ptrn_b style_item jQptrn" title="ptrn_b"></span>
<span class="ssw_ptrn_c style_item jQptrn" title="ptrn_c"></span>
<span class="ssw_ptrn_d style_item jQptrn" title="ptrn_d"></span>
<span class="ssw_ptrn_e style_item jQptrn" title="ptrn_e"></span>
</div>
</div>
<div class="sepH_c">
<p>Layout:</p>
<div class="clearfix">
<label class="radio inline"><input type="radio" name="ssw_layout" id="ssw_layout_fluid" value="" checked /> Fluid</label>
<label class="radio inline"><input type="radio" name="ssw_layout" id="ssw_layout_fixed" value="gebo-fixed" /> Fixed</label>
</div>
</div>
<div class="sepH_c">
<p>Sidebar position:</p>
<div class="clearfix">
<label class="radio inline"><input type="radio" name="ssw_sidebar" id="ssw_sidebar_left" value="" checked /> Left</label>
<label class="radio inline"><input type="radio" name="ssw_sidebar" id="ssw_sidebar_right" value="sidebar_right" /> Right</label>
</div>
</div>
<div class="sepH_c">
<p>Show top menu on:</p>
<div class="clearfix">
<label class="radio inline"><input type="radio" name="ssw_menu" id="ssw_menu_click" value="" checked /> Click</label>
<label class="radio inline"><input type="radio" name="ssw_menu" id="ssw_menu_hover" value="menu_hover" /> Hover</label>
</div>
</div>
<div class="gh_button-group">
<a href="#" id="showCss" class="btn btn-primary btn-mini">Show CSS</a>
<a href="#" id="resetDefault" class="btn btn-mini">Reset</a>
</div>
<div class="hide">
<ul id="ssw_styles">
<li class="small ssw_mbColor sepH_a" style="display:none">body {<span class="ssw_mColor sepH_a" style="display:none"> color: #<span></span>;</span> <span class="ssw_bColor" style="display:none">background-color: #<span></span> </span>}</li>
<li class="small ssw_lColor sepH_a" style="display:none">a { color: #<span></span> }</li>
</ul>
</div>
</div>
<div id="maincontainer" class="clearfix">
<!-- header -->
<header>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="brand" href="dashboard.html"><i class="icon-home icon-white"></i> Gebo Admin</a>
<ul class="nav user_menu pull-right">
<li class="hidden-phone hidden-tablet">
<div class="nb_boxes clearfix">
<a data-toggle="modal" data-backdrop="static" href="#myMail" class="label ttip_b" title="New messages">25 <i class="splashy-mail_light"></i></a>
<a data-toggle="modal" data-backdrop="static" href="#myTasks" class="label ttip_b" title="New tasks">10 <i class="splashy-calendar_week"></i></a>
</div>
</li>
<li class="divider-vertical hidden-phone hidden-tablet"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle nav_condensed" data-toggle="dropdown"><i class="flag-gb"></i> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="javascript:void(0)"><i class="flag-de"></i> Deutsch</a></li>
<li><a href="javascript:void(0)"><i class="flag-fr"></i> Français</a></li>
<li><a href="javascript:void(0)"><i class="flag-es"></i> Español</a></li>
<li><a href="javascript:void(0)"><i class="flag-ru"></i> Pусский</a></li>
</ul>
</li>
<li class="divider-vertical hidden-phone hidden-tablet"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><img src="${pageContext.request.contextPath }/static/img/user_avatar.png" alt="" class="user_avatar" /> Johny Smith <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="user_profile.html">My Profile</a></li>
<li><a href="javascrip:void(0)">Another action</a></li>
<li class="divider"></li>
<li><a href="${pageContext.request.contextPath }/logout">Log Out</a></li>
</ul>
</li>
</ul>
<ul class="nav" id="mobile-nav">
<c:forEach items="${fns:getMenuTreeList()}" var="menu" varStatus="idxStatus">
<c:if test="${empty menu.children}" var="subMenuFlag">
<c:if test="${menu.isLeaf eq 1}">
<li>
<a href="${pageContext.request.contextPath }/${menu.menuUrl}" data-id="${menu.id}" target="mainFrame"><i class="${menu.menuClass } icon-white"></i> ${menu.menuName }</a>
</li>
</c:if>
</c:if>
<c:if test="${!subMenuFlag}">
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" data-id="${menu.id}" href="javascript:void(0);"><i class="${menu.menuClass}"></i> ${menu.menuName } <b class="caret"></b></a>
<ul class="dropdown-menu">
<c:forEach items="${menu.children}" var="secondMenu">
<!-- 二级菜单 -->
<c:if test="${empty secondMenu.children}" var="secondMenuFlag">
<li><a href="${pageContext.request.contextPath }/${secondMenu.menuUrl}" data-id="${secondMenu.id}" target="mainFrame">${secondMenu.menuName }</a></li>
</c:if>
<c:if test="${!secondMenuFlag}">
<li class="dropdown">
<a href="javascript:void(0);" data-id="${secondMenu.id}">${secondMenu.menuName } <b class="caret-right"></b></a>
<ul class="dropdown-menu">
<!-- 第三级别菜单 -->
<c:forEach items="${secondMenu.children}" var="thirdMenu">
<c:if test="${thirdMenu.isLeaf == 1}">
<li><a href="${pageContext.request.contextPath }/${thirdMenu.menuUrl}" data-id="${thirdMenu.id}" target="mainFrame">${thirdMenu.menuName }</a></li>
</c:if>
</c:forEach>
</ul>
</li>
</c:if>
</c:forEach>
</ul>
</li>
</c:if>
</c:forEach>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#"><i class="icon-th icon-white"></i> Components <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="alerts_btns.html">Alerts & Buttons</a></li>
<li><a href="icons.html">Icons</a></li>
<li><a href="notifications.html">Notifications</a></li>
<li><a href="tables.html">Tables</a></li>
<li><a href="tables_more.html">Tables (more examples)</a></li>
<li><a href="tabs_accordion.html">Tabs & Accordion</a></li>
<li><a href="tooltips.html">Tooltips, Popovers</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="widgets.html">Widget boxes</a></li>
<li class="dropdown">
<a href="#">Sub menu <b class="caret-right"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Sub menu 1.1</a></li>
<li><a href="#">Sub menu 1.2</a></li>
<li><a href="#">Sub menu 1.3</a></li>
<li>
<a href="#">Sub menu 1.4 <b class="caret-right"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Sub menu 1.4.1</a></li>
<li><a href="#">Sub menu 1.4.2</a></li>
<li><a href="#">Sub menu 1.4.3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="documentation.html"><i class="icon-book icon-white"></i> Help</a>
</li>
</ul>
</div>
</div>
</div>
<div class="modal hide fade" id="myMail">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>New messages</h3>
</div>
<div class="modal-body">
<div class="alert alert-info">In this table jquery plugin turns a table row into a clickable link.</div>
<table class="table table-condensed table-striped" data-provides="rowlink">
<thead>
<tr>
<th>Sender</th>
<th>Subject</th>
<th>Date</th>
<th>Size</th>
</tr>
</thead>
<tbody>
<tr>
<td>Declan Pamphlett</td>
<td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
<td>23/05/2012</td>
<td>25KB</td>
</tr>
<tr>
<td>Erin Church</td>
<td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
<td>24/05/2012</td>
<td>15KB</td>
</tr>
<tr>
<td>Koby Auld</td>
<td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
<td>25/05/2012</td>
<td>28KB</td>
</tr>
<tr>
<td>Anthony Pound</td>
<td><a href="javascript:void(0)">Lorem ipsum dolor sit amet</a></td>
<td>25/05/2012</td>
<td>33KB</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<a href="javascript:void(0)" class="btn">Go to mailbox</a>
</div>
</div>
<div class="modal hide fade" id="myTasks">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>New Tasks</h3>
</div>
<div class="modal-body">
<div class="alert alert-info">In this table jquery plugin turns a table row into a clickable link.</div>
<table class="table table-condensed table-striped" data-provides="rowlink">
<thead>
<tr>
<th>id</th>
<th>Summary</th>
<th>Updated</th>
<th>Priority</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>P-23</td>
<td><a href="javascript:void(0)">Admin should not break if URL&hellip;</a></td>
<td>23/05/2012</td>
<td class="tac"><span class="label label-important">High</span></td>
<td>Open</td>
</tr>
<tr>
<td>P-18</td>
<td><a href="javascript:void(0)">Displaying submenus in custom&hellip;</a></td>
<td>22/05/2012</td>
<td class="tac"><span class="label label-warning">Medium</span></td>
<td>Reopen</td>
</tr>
<tr>
<td>P-25</td>
<td><a href="javascript:void(0)">Featured image on post types&hellip;</a></td>
<td>22/05/2012</td>
<td class="tac"><span class="label label-success">Low</span></td>
<td>Updated</td>
</tr>
<tr>
<td>P-10</td>
<td><a href="javascript:void(0)">Multiple feed fixes and&hellip;</a></td>
<td>17/05/2012</td>
<td class="tac"><span class="label label-warning">Medium</span></td>
<td>Open</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<a href="javascript:void(0)" class="btn">Go to task manager</a>
</div>
</div>
</header>
<!-- main content -->
<div id="contentwrapper" class="">
<div class="main_content">
<iframe id="mainFrame" name="mainFrame" src="" style="overflow:visible;" scrolling="yes" frameborder="no" width="100%" height="650">
浏览器不支持嵌入式框架或配置为不显示嵌入式框架。
</iframe>
</div>
<!-- sidebar -->
<a href="javascript:void(0)" class="sidebar_switch on_switch ttip_r" title="Hide Sidebar">Sidebar switch</a>
<div class="sidebar">
<div class="antiScroll">
<div class="antiscroll-inner">
<div class="antiscroll-content">
<div class="sidebar_inner">
<form action="search_page.html" class="input-append" method="post" >
<input autocomplete="off" name="query" class="search_query input-medium" size="16" type="text" placeholder="Search..." /><button type="submit" class="btn"><i class="icon-search"></i></button>
</form>
<div id="side_accordion" class="accordion">
<c:forEach items="${fns:getMenuTreeList()}" var="menu" varStatus="idxStatus">
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapse_${menu.id}" data-parent="#side_accordion" data-toggle="collapse" class="accordion-toggle">
<i class="${menu.menuClass }"></i> ${menu.menuName}
</a>
</div>
<div class="accordion-body collapse" id="collapse_${menu.id}">
<div class="accordion-inner">
<ul class="nav nav-list">
<c:if test="${empty menu.children}" var="subMenuFlag">
<c:if test="${menu.isLeaf eq 1}">
<li>
<a href="${pageContext.request.contextPath }/${menu.menuUrl}" data-id="${menu.id}" target="mainFrame"><i class="${menu.menuClass }"></i> ${menu.menuName }</a>
</li>
</c:if>
</c:if>
<c:if test="${!subMenuFlag}">
<c:forEach items="${menu.children}" var="secondMenu">
<!-- 二级菜单 -->
<c:if test="${empty secondMenu.children}" var="secondMenuFlag">
<li><a href="${pageContext.request.contextPath }/${secondMenu.menuUrl}" data-id="${secondMenu.id}" target="mainFrame">${secondMenu.menuName }</a></li>
<li class="divider"></li>
</c:if>
<c:if test="${!secondMenuFlag}">
<li class="nav-header">${secondMenu.menuName }</li>
<!-- 第三级别菜单 -->
<c:forEach items="${secondMenu.children}" var="thirdMenu">
<c:if test="${thirdMenu.isLeaf == 1}">
<li><a href="${pageContext.request.contextPath }/${thirdMenu.menuUrl}" data-id="${thirdMenu.id}" target="mainFrame">${thirdMenu.menuName }</a></li>
</c:if>
</c:forEach>
<li class="divider"></li>
</c:if>
</c:forEach>
</c:if>
</ul>
</div>
</div>
</div>
</c:forEach>
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapseFour" data-parent="#side_accordion" data-toggle="collapse" class="accordion-toggle">
<i class="icon-cog"></i> Configuration
</a>
</div>
<div class="accordion-body collapse" id="collapseFour">
<div class="accordion-inner">
<ul class="nav nav-list">
<li class="nav-header">People</li>
<li class="active"><a href="javascript:void(0)">Account Settings</a></li>
<li><a href="javascript:void(0)">IP Adress Blocking</a></li>
<li class="nav-header">System</li>
<li><a href="javascript:void(0)">Site information</a></li>
<li><a href="javascript:void(0)">Actions</a></li>
<li><a href="javascript:void(0)">Cron</a></li>
<li class="divider"></li>
<li><a href="javascript:void(0)">Help</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="push"></div>
</div>
<div class="sidebar_info">
<ul class="unstyled">
<li>
<span class="act act-warning">65</span>
<strong>New comments</strong>
</li>
<li>
<span class="act act-success">10</span>
<strong>New articles</strong>
</li>
<li>
<span class="act act-danger">85</span>
<strong>New registrations</strong>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer" class="row-fluid">
Copyright &copy; <a href="http://jeesite.com" target="_blank">JeeSite</a>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,22 @@
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html>
<html style="overflow-x:auto;overflow-y:auto;">
<head>
<title><sitemesh:write property="title"/></title><!-- - Powered By JeeSite -->
<%@include file="/WEB-INF/include/header.jsp" %>
<sitemesh:write property="head"/>
</head>
<body>
<sitemesh:write property="body"/>
<script type="text/javascript">//<!-- 无框架时,左上角显示菜单图标按钮。
if(!(self.frameElement && self.frameElement.tagName=="IFRAME")){
$("body").prepend("<i id=\"btnMenu\" class=\"icon-th-list\" style=\"cursor:pointer;float:right;margin:10px;\"></i><div id=\"menuContent\"></div>");
$("#btnMenu").click(function(){
top.$.jBox('get:${ctx}/sys/menu/treeselect;JSESSIONID=<shiro:principal property="sessionid"/>', {title:'选择菜单', buttons:{'关闭':true}, width:300, height: 350, top:10});
//if ($("#menuContent").html()==""){$.get("${ctx}/sys/menu/treeselect", function(data){$("#menuContent").html(data);});}else{$("#menuContent").toggle(100);}
});
}//-->
</script>
</body>
</html>

View File

@@ -0,0 +1,15 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if IE 8]> <html class="ie8"> <![endif]-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><sitemesh:write property="title"/></title>
<%@include file="/WEB-INF/include/header.jsp" %>
<sitemesh:write property="head"/>
</head>
<body>
<sitemesh:write property="body"/>
</body>
</html>

View File

@@ -0,0 +1,108 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="org.apache.shiro.web.filter.authc.FormAuthenticationFilter"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<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">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="${pageContext.request.contextPath}/static/images/mvc_frame.ico"/>
<script src="${pageContext.request.contextPath }/static/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath }/static/jquery-validation/1.11.0/jquery.validate.min.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/jquery-validation/1.11.0/jquery.validate.min.js" type="text/javascript"></script>
<link href="${pageContext.request.contextPath }/static/common/login.css" type="text/css" rel="stylesheet" />
<script src="${pageContext.request.contextPath }/static/common/cloud.js" type="text/javascript"></script>
<title>${fns:getStringProperty('productName','NIS')}-登录平台</title>
</head>
<body>
<div id="mainBody">
<div id="cloud1" class="cloud"></div>
<div id="cloud2" class="cloud"></div>
</div>
<div class="loginbody">
<span class="systemlogo"></span>
<form id="loginForm" class="form-signin" action="${pageContext.request.contextPath }/login" method="post">
<div class="loginbox loginbox2">
<ul>
<li><input id="username" name="username" type="text" class="loginuser required" value="${username}" placeholder="请填写登录账号"/></li>
<li><input type="password" class="loginpwd required" id="password" name="password" placeholder="请填写登录密码"/></li>
<c:if test="${not empty isValidateCodeLogin or isValidateCodeLogin==true}">
<li class="yzm ${ (empty isValidateCodeLogin or isValidateCodeLogin==false) ?'hide':'' }">
<span><input id="captcha" name="captcha" class="required" type="text" placeholder="验证码"/></span><cite><img alt="未获取验证码" src="${pageContext.request.contextPath}/captcha-image" id="captacha_image" class="mid"/></cite>
</li>
</c:if>
<li><input type="submit" class="loginbtn" value="登录"/>
<label><input id="rememberMe" name="rememberMe" ${rememberMe ? 'checked' : ''} type="checkbox" />记住我(公共场所慎用)</label>
</li>
</ul>
<div class="bottom">
<div id="messageBox" class="alert alert-error ${empty message ? 'hide' : ''}">
<label id="loginError" class="error">${message}</label>
</div>
</div>
</div>
</form>
</div>
<div class="loginbm">
Copyright &copy; 2015-${fns:getStringProperty('copyrightYear','2015')} <a href="${pageContext.request.contextPath}">${fns:getStringProperty('productName','NIS')}</a> - Powered By <a href="${pageContext.request.contextPath}" target="_blank">NIS</a> ${fns:getStringProperty('version','1.0.0')}
</div>
<script src="${pageContext.request.contextPath}/static/flash/zoom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
$(window).resize(function(){
$('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
})
$("#captacha_image").on("click",function(){
$(this).hide().attr("src","${pageContext.request.contextPath }/captcha-image?"+ Math.floor(Math.random()*100))
.fadeIn();
});
$("#loginForm").validate({
rules: {
username: { required: true},
password: { required: true},
captcha: {remote: "${pageContext.request.contextPath}/validateCode"}
},
messages: {
username: {required: "请填写用户名..."},password: {required: "请填写密码..."},
captcha: {remote: "验证码不正确...", required: "请填写验证码..."}
},
errorLabelContainer: "#messageBox",
errorPlacement: function(error, element) {
error.appendTo($("#loginError").parent());
}
});
// 如果在框架或在对话框中,则弹出提示并跳转到首页
if(self.frameElement && self.frameElement.tagName == "IFRAME" || $('#left').length > 0 || $('.jbox').length > 0){
alert('未登录或登录超时。请重新登录,谢谢!');
top.location = "${pageContext.request.contextPath }";
}
});
</script>
</body>
</html>

View File

@@ -0,0 +1,141 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="org.apache.shiro.web.filter.authc.FormAuthenticationFilter"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<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">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="${pageContext.request.contextPath}/static/images/mvc_frame.ico"/>
<%@include file="/WEB-INF/include/header.jsp" %>
<title>登录平台</title>
<style type="text/css">
html,body,table{
text-align:center;
witdh:100%;
height:100%;
}
.icon{
background-image:url(${pageContext.request.contextPath }/static/images/u0.jpg);
background-repeat: no-repeat;
background-size:cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${pageContext.request.contextPath }/static/images/u0.jpg',sizingMethod='scale');
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.form-signin-heading{font-family:"Microsoft Yahei","微软雅黑",Helvetica, Arial, sans-serif, "宋体";font-size:36px;margin-bottom:20px;color:#0663a2;}
.form-signin{position:relative;text-align:left;width:300px;padding:25px 29px 29px;margin:0 auto 20px;background-color:#fff;border:1px solid #e5e5e5;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05);}
.form-signin .checkbox{margin-bottom:10px;color:#0663a2;} .form-signin .input-label{font-size:16px;line-height:23px;color:#333333;}
.form-signin .input-block-level{
font-size:16px;
height:auto;
min-height:20px;
margin-bottom:15px;
padding:7px;
*width:283px;
*padding-bottom:0;
_padding:7px 7px 9px 7px;
}
.form-signin .btn.btn-large{font-size:16px;} .form-signin #themeSwitch{position:absolute;right:15px;bottom:10px;}
.form-signin div.validateCode {padding-bottom:15px;} .mid{vertical-align:middle;}
.header{height:80px;padding-top:20px;} .alert{position:relative;width:300px;margin:0 auto;*padding-bottom:0px;}
label.error{background:none;width:270px;font-weight:normal;color:inherit;margin:0;}
#captacha_image {
cursor:pointer;
}
</style>
</head>
<body class="icon">
<div class="header">
<div id="messageBox" class="alert alert-error ${empty message ? 'hide' : ''}">
<label id="loginError" class="error">${message}</label>
</div>
</div>
<h1 class="form-signin-heading">${fns:getStringProperty('productName','NIS')}</h1>
<form id="loginForm" class="form-signin" action="${pageContext.request.contextPath }/login" method="post">
<label class="input-label" for="username">登录名</label>
<input type="text" id="username" name="username" class="input-block-level required" value="${username}" placeholder="请填写登录账号"/>
<label class="input-label" for="password">密码</label>
<input type="password" id="password" name="password" class="input-block-level required" placeholder="请填写登录密码"/>
<c:if test="${not empty isValidateCodeLogin or isValidateCodeLogin==true}">
<div class="formRow ${ (empty isValidateCodeLogin or isValidateCodeLogin==false) ?'hide':'' }">
<label class="input-label mid" for="captcha">验证码</label>
<input type="text" id="captcha" name="captcha" maxlength="5" class="txt required" style="font-weight:bold;width:60px;margin-bottom:0;"/>
<img alt="未获取验证码" src="${pageContext.request.contextPath}/captcha-image" id="captacha_image" class="mid"/>
</div>
</c:if>
<%--
<label for="mobile" title="手机登录"><input type="checkbox" id="mobileLogin" name="mobileLogin" ${mobileLogin ? 'checked' : ''}/></label> --%>
<input class="btn btn-large btn-primary" type="submit" value="登 录"/>&nbsp;&nbsp;
<label for="rememberMe" title="下次不需要再登录"><input type="checkbox" id="rememberMe" name="rememberMe" ${rememberMe ? 'checked' : ''}/> 记住我(公共场所慎用)</label>
<div id="themeSwitch" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">${fns:getDictLabel('SYS_THEME', cookie.theme.value,'默认主题')}<b class="caret"></b></a>
<ul class="dropdown-menu">
<c:forEach items="${fns:getDictList('SYS_THEME')}" var="dict">
<li <c:if test="${cookie.theme.value eq dict.itemCode}">class='active'</c:if>><a href="#" onclick="location='${pageContext.request.contextPath}/theme/${dict.itemCode}?url='+location.href">${dict.itemValue}</a></li>
</c:forEach>
</ul>
<!--[if lte IE 6]><script type="text/javascript">$('#themeSwitch').hide();</script><![endif]-->
</div>
</form>
<div class="footer">
<span>为了您有更好的体验建议采用IE10以上浏览器!</span> <br>
Copyright &copy; 2015-${fns:getStringProperty('copyrightYear','2015')} <a href="${pageContext.request.contextPath}">${fns:getStringProperty('productName','NIS')}</a> - Powered By <a href="${pageContext.request.contextPath}" target="_blank">NIS</a> ${fns:getStringProperty('version','1.0.0')}
</div>
<script src="${pageContext.request.contextPath}/static/flash/zoom.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#captacha_image").on("click",function(){
$(this).hide().attr("src","${pageContext.request.contextPath }/captcha-image?"+ Math.floor(Math.random()*100))
.fadeIn();
});
$("#loginForm").validate({
rules: {
username: { required: true},
password: { required: true},
captcha: {remote: "${pageContext.request.contextPath}/validateCode"}
},
messages: {
username: {required: "请填写用户名."},password: {required: "请填写密码."},
captcha: {remote: "验证码不正确.", required: "请填写验证码."}
},
errorLabelContainer: "#messageBox",
errorPlacement: function(error, element) {
error.appendTo($("#loginError").parent());
}
});
// 如果在框架或在对话框中,则弹出提示并跳转到首页
if(self.frameElement && self.frameElement.tagName == "IFRAME" || $('#left').length > 0 || $('.jbox').length > 0){
alert('未登录或登录超时。请重新登录,谢谢!');
top.location = "${pageContext.request.contextPath }";
}
});
</script>
</body>
</html>

View File

@@ -0,0 +1,19 @@
<%@ 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">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>success!</h2>
<h4>time:${requestScope.time }</h4>
<h4>names:${requestScope.names }</h4>
<h4> session object:${sessionScope.userObject }</h4>
<h4> session name:${sessionScope.username }</h4>
<h4>权限树数据:${menuList }</h4>
</body>
</html>

View File

@@ -0,0 +1,91 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>区域管理</title>
<script type="text/javascript">
$(document).ready(function() {
$("#name").focus();
$("#inputForm").validate({
submitHandler: function(form){
loading('正在提交,请稍等...');
form.submit();
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误,请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
});
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li><a href="${ctx}/sys/area/list?id=${area.parent.id}&parentIds=${area.parent.parentIds}">区域列表</a></li>
<li class="active"><a href="form?id=${area.id}&parent.id=${area.parent.id}">区域<shiro:hasPermission name="sys:area:edit">${not empty area.id?'修改':'添加'}</shiro:hasPermission><shiro:lacksPermission name="sys:area:edit">查看</shiro:lacksPermission></a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="sysArea" action="${ctx}/sys/area/saveOrUpdate" method="post" class="form-horizontal">
<form:hidden path="id"/>
<sys:message content="${message}"/>
<div class="control-group">
<label class="control-label">上级区域:</label>
<div class="controls">
<sys:treeselect id="area" name="parent.id" value="${area.parent.id}" labelName="parent.name" labelValue="${area.parent.name}"
title="区域" url="/sys/area/treeData" extId="${area.id}" cssClass="" allowClear="true"/>
</div>
</div>
<div class="control-group">
<label class="control-label">区域名称:</label>
<div class="controls">
<form:input path="name" htmlEscape="false" maxlength="50" class="required"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
<label class="control-label">区域编码:</label>
<div class="controls">
<form:input path="code" htmlEscape="false" maxlength="50"/>
</div>
</div>
<div class="control-group">
<label class="control-label">区域类型:</label>
<div class="controls">
<form:select path="type" class="input-medium">
<form:options items="${fns:getDictList('SYS_AREA_TYPE')}" itemLabel="itemValue" itemValue="itemCode" htmlEscape="false"/>
</form:select>
</div>
</div>
<div class="control-group">
<label class="control-label">经度:</label>
<div class="controls">
<form:input path="longitude" htmlEscape="false" maxlength="50" class="number"/>
</div>
</div>
<div class="control-group">
<label class="control-label">纬度:</label>
<div class="controls">
<form:input path="latitude" htmlEscape="false" maxlength="50" class="number"/>
</div>
</div>
<div class="control-group">
<label class="control-label">备注:</label>
<div class="controls">
<form:textarea path="remarks" htmlEscape="false" rows="3" maxlength="200" class="input-xlarge"/>
</div>
</div>
<div class="form-actions">
<shiro:hasPermission name="sys:area:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;</shiro:hasPermission>
<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
</div>
</form:form>
</body>
</html>

View File

@@ -0,0 +1,73 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>区域管理</title>
<style type="text/css">
.ztree {overflow:auto;margin:0;_margin-top:10px;padding:10px 0 0 10px;}
</style>
<link href="${ctxStatic}/jquery-ztree/3.5.12/css/zTreeStyle/zTreeStyle.min.css" rel="stylesheet" type="text/css"/>
<script src="${ctxStatic}/jquery-ztree/3.5.12/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
</head>
<body>
<sys:message content="${message}"/>
<div id="content" class="row-fluid">
<div id="left" class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle">区域架构<i class="icon-refresh pull-right" onclick="refreshTree();"></i></a>
</div>
<div id="ztree" class="ztree"></div>
</div>
<div id="openClose" class="close">&nbsp;</div>
<div id="right">
<iframe id="officeContent" src="${ctx}/sys/area/list?id=&parentIds=" frameborder="no" width="100%" height="91%"></iframe>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
refreshTree();
});
var setting = {data:{simpleData:{enable:true,idKey:"id",pIdKey:"pId",rootPId:'0'}},
callback:{onClick:function(event, treeId, treeNode){
var id = treeNode.pId ? treeNode.id : 1;
$('#officeContent').attr("src","${ctx}/sys/area/list?id="+id+"&parentIds="+treeNode.pIds);
}
}
};
function refreshTree(){
$.getJSON("${ctx}/sys/area/treeData",function(data){
var tree = $.fn.zTree.init($("#ztree"), setting, data);
var nodes = tree.getNodesByParam("level", 0);
for(var i=0; i<nodes.length; i++) {
tree.expandNode(nodes[i], true, false, false);
}
var secondNodes = tree.getNodesByParam("level", 1);
$("#"+secondNodes[0].tId+"_a").click();
});
}
var leftWidth = 180; // 左侧窗口大小
var htmlObj = $("html"), mainObj = $("#main");
var frameObj = $("#left, #openClose, #right, #right iframe");
function wSize(){
var strs = getWindowSize().toString().split(",");
htmlObj.css({"overflow-x":"hidden", "overflow-y":"hidden"});
mainObj.css("width","auto");
frameObj.height(strs[0] - 5);
var leftWidth = ($("#left").width() < 0 ? 0 : $("#left").width());
$("#right").width($("#content").width()- leftWidth - $("#openClose").width() -5);
$(".ztree").width(leftWidth - 10).height(frameObj.height() - 46);
}
</script>
<script src="${ctxStatic}/common/wsize.min.js" type="text/javascript"></script>
</body>
</html>

View File

@@ -0,0 +1,73 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>区域管理</title>
<link href="${ctxStatic}/treeTable/themes/vsStyle/treeTable.min.css" rel="stylesheet" type="text/css" />
<script src="${ctxStatic}/treeTable/jquery.treeTable.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var tpl = $("#treeTableTpl").html().replace(/(\/\/\<!\-\-)|(\/\/\-\->)/g,"");
var data = ${fns:toJson(list)}, rootId = "${not empty sysArea.id ? sysArea.id : 0}";
addRow("#treeTableList", tpl, data, rootId, true);
$("#treeTable").treeTable({expandLevel : 5});
});
function addRow(list, tpl, data, pid, root){
for (var i=0; i<data.length; i++){
var row = data[i];
var value = ${fns:jsGetVal('row.parentId')};
if(!value){
value = 0;
}
if (value == pid){
$(list).append(Mustache.render(tpl, {
dict: {
type: getDictLabel(${fns:toJson(fns:getDictList('SYS_AREA_TYPE'))}, row.type)
},
pid: (root?0:pid),
row: row
}));
addRow(list, tpl, data, row.id);
}
}
}
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="${ctx}/sys/area/list?id=${sysArea.id}&parentIds=${sysArea.parentIds}">区域列表</a></li>
<shiro:hasPermission name="sys:area:edit"><li><a href="${ctx}/sys/area/form?parent.id=${sysArea.id}">区域添加</a></li></shiro:hasPermission>
</ul>
<sys:message content="${message}"/>
<table id="treeTable" class="table table-striped table-bordered table-condensed">
<thead><tr><th>区域名称</th><th>区域编码</th><th>区域类型</th><th>经度</th><th>纬度</th><th>备注</th><shiro:hasPermission name="sys:area:edit"><th>操作</th></shiro:hasPermission></tr></thead>
<tbody id="treeTableList"></tbody>
</table>
<script type="text/template" id="treeTableTpl">
<tr id="{{row.id}}" pId="{{pid}}">
<td><a href="${ctx}/sys/area/form?id={{row.id}}">{{row.name}}</a></td>
<td>{{row.code}}</td>
<td>{{dict.type}}</td>
<td>{{row.longitude}}</td>
<td>{{row.latitude}}</td>
<td>{{row.remarks}}</td>
<shiro:hasPermission name="sys:area:edit"><td>
<a href="${ctx}/sys/area/form?id={{row.id}}">修改</a>
<a href="${ctx}/sys/area/delete?id={{row.id}}" onclick="return confirmx('要删除该区域及所有子区域项吗?', this.href)">删除</a>
<a href="${ctx}/sys/area/form?parent.id={{row.id}}">添加下级区域</a>
</td></shiro:hasPermission>
</tr>
</script>
</body>
</html>

View File

@@ -0,0 +1,232 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>用户管理</title>
<style type="text/css">
#items p input{
margin-left:0px;
width:80px;
}
#items p select{
width:50px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("#btn_add_item").click(function(){
var itemCopy = $("#itemModel").clone();
itemCopy.show();
$("#items").append(itemCopy);
});
//删除子项
$(".delItem").live("click",function(){
$(this).parent().remove();
});
var $inputForm = $("#inputForm");
var $error = $('.alert-error', $inputForm);
var $success = $('.alert-success', $inputForm);
$inputForm.validate({
rules: {
'moduleName':{
required:true
},
'mark':{
required:true
}
},
messages: {
'moduleName':{
required:'模块名称必须填写'
},
'mark':{
required:'字典标识必须填写'
}
},
submitHandler: function(form){
if(!validateItem()) {
return false;
}
loading('正在提交,请稍等...');
form.submit();
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误,请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
});
function validateItem(){
var $itemsObject = $("#items >p:visible");
if($itemsObject.length==0){
$("#messageBox").text("保存信息出现问题,请添加词条项!").show();
return false;
}else {
var flag = true;
$.each($itemsObject,function(i,obj){
var code = $(obj).find(".itemCode").val();
var value = $(obj).find(".itemValue").val();
if(code==""||value==""){
flag = false;
return false;
}
});
if(!flag){
$("#messageBox").text("保存信息出现问题,每个词条标识与值都不能为空!").show();
return false;
}
//给每个对象设置name属性
$.each($itemsObject,function(index,obj){
$(obj).find(".itemCode").attr("name","dictItemList["+index+"].itemCode");
$(obj).find(".itemValue").attr("name","dictItemList["+index+"].itemValue");
$(obj).find(".itemDesc").attr("name","dictItemList["+index+"].itemDesc");
$(obj).find(".itemStatus").attr("name","dictItemList["+index+"].status");
$(obj).find(".itemType").attr("name","dictItemList["+index+"].type");
});
}
return true;
}
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li><a href="${ctx}/sys/dict/list">字典列表</a></li>
<li class="active"><a href="${ctx}/sys/dict/form?id=${sysDataDictionaryName.id}">字典
<shiro:hasPermission name="sys:dict:edit"></shiro:hasPermission>${not empty sysDataDictionaryName.id?'修改':'添加'}
<shiro:lacksPermission name="sys:dict:edit">查看</shiro:lacksPermission>
</a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="sysDataDictionaryName" action="${ctx}/sys/dict/saveOrUpdate" method="post" class="form-horizontal">
<form:hidden path="id"/>
<form:hidden path="revision"/>
<sys:message content="${message}"/>
<div class="alert alert-error hide">
<button class="close" data-dismiss="alert"></button>
提交配置出现问题,请看错误提示!
</div>
<div class="alert alert-success hide">
<button class="close" data-dismiss="alert"></button>
表单验证成功!
</div>
<div class="control-group">
<label class="control-label">模块名:</label>
<div class="controls">
<form:input path="moduleName" htmlEscape="false" maxlength="50" class="required"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
<label class="control-label">字典标识:</label>
<div class="controls">
<form:input path="mark" htmlEscape="false" maxlength="50" class="required"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
<label class="control-label">词条项</label>
<div class="controls">
<span type="button" class="btn black" title="点击添加词条项" id="btn_add_item">
<i class="icon-plus"></i> 添加词条
</span>
<span class="help-inline"><font color="red">*</font> </span>
</div>
<div id="items" class="controls">
<p id="itemModel" style="display: none;margin-top: 3px;">
标识 <input type="text" class="itemCode" autocomplete="off"/>
值 <input type="text" class="itemValue" autocomplete="off"/>
描述 <input type="text" class="itemDesc" autocomplete="off"/>
可用
<select class="itemStatus noSelect2">
<option value="1">是</option>
<option value="0">否</option>
</select>
可维护
<select class="itemType noSelect2">
<option value="1">是</option>
<option value="0">否</option>
</select>
<input type="button" class="btn red delItem" value="删除"/>
</p>
<c:forEach items="${sysDataDictionaryName.dictItemList }" var="dictItem">
<p id="itemModel" style="margin-top: 3px;" >
标识 <input type="text" class="itemCode" value="${dictItem.itemCode}" autocomplete="off" <c:if test="${dictItem.type==0}">readonly="readonly"</c:if>/>
值 <input type="text" class="itemValue" value="${dictItem.itemValue}" autocomplete="off" <c:if test="${dictItem.type==0}">readonly="readonly"</c:if>/>
描述 <input type="text" class="itemDesc" value="${dictItem.itemDesc}" autocomplete="off" <c:if test="${dictItem.type==0}">readonly="readonly"</c:if>/>
可用
<select class="itemStatus noSelect2" <c:if test="${dictItem.type==0}">readonly="readonly"</c:if>>
<option value="1" <c:if test="${dictItem.status==1}">selected</c:if>>是</option>
<option value="0" <c:if test="${dictItem.status==0}">selected</c:if>>否</option>
</select>
可维护
<select class="itemType noSelect2" <c:if test="${dictItem.type==0}">readonly="readonly"</c:if>>
<option value="1" <c:if test="${dictItem.type==1}">selected</c:if>>是</option>
<option value="0" <c:if test="${dictItem.type==0}">selected</c:if>>否</option>
</select>
<c:if test="${dictItem.type==1}">
<input type="button" class="btn red delItem" value="删除"/>
</c:if>
</p>
</c:forEach>
</div>
</div>
<div class="control-group">
<label class="control-label">描述信息:</label>
<div class="controls">
<form:textarea path="remark" htmlEscape="false" rows="3" maxlength="200" class="span6"/>
</div>
</div>
<div id="messageBox" class="alert alert-error hide"></div>
<div class="form-actions">
<shiro:hasPermission name="sys:dict:edit"></shiro:hasPermission>
<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;
<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
</div>
</form:form>
</body>
</html>

View File

@@ -0,0 +1,284 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>字典管理</title>
<style type="text/css">
.revisionBox {
margin: 5px;
}
span.label.label-success{
width: 250px;
}
.popover {
max-width: 800px;
}
.btn.purple-stripe {
border-left: 3px solid #852B99;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$(".revision").popover('destroy');
$(".revision").popover({
animation:true,
html:true,
placement:'left',
title:'修改记录',
content:function(){
var html = [];
var content = $(this).attr("data-content");
if(!(content=="" || content==null)){
var strs = content.split("|");
for(i=0;i<strs.length;i++){
if(!(strs[i]=="" || strs[i]==null)){
html.push('<span class="label label-success">'+strs[i]+'</span>');
html.push('\t');
if((i+1)%2==0){
html.push('<br/>');
}
}
}
}else {
html.push('<span class="label label-success">暂无修改记录!</span>');
}
return html.join('');
}
});
});
function dictDetail(dictId){
$.ajax({
type:'post',
url:'${ctx}/sys/dict/loadDataDict',
data:{"id":dictId},
dataType:'json',
async:false,
success:function(data,textStatus){
if(textStatus=="success"){
var revisions = [];
var content = data.revision;
if(!(content=="" || content==null)){
var strs = content.split("|");
for(i=0;i<strs.length;i++){
if(!(strs[i]=="" || strs[i]==null)){
revisions.push('<span class="label label-success" style="width: 250px;">'+strs[i]+'</span>');
revisions.push('\t');
if((i+1)%2==0){
revisions.push('<br/>');
}
}
}
}else {
revisions.push('<span class="label label-success">暂无修改记录!</span>');
}
var html = ""
html+="<div style='font-size: 14px;'>";
html+="<table class='table table-bordered table-condensed'>";
html+="<tbody>";
html+="<tr>";
html+="<th>模块名称:";
html+="</th>";
html+="<td colspan='3'>"+data.moduleName;
html+="</td>";
html+="</tr>";
html+="<tr>";
html+="<th>字典标识:";
html+="</th>";
html+="<td colspan='3'>"+data.mark;
html+="</td>";
html+="</tr>";
html+="<tr>";
html+="<th>运行状态:";
html+="</th>";
html+="<td colspan='3'>";
html+="<table class='table table-bordered table-condensed'>";
html+="<thead>";
html+="<th>标识</th><th>值</th><th>描述</th><th>是否可用</th><th>是否可维护</th>";
html+="</thead>";
html+="<tbody>";
for(i=0;i<data.dictItemList.length;i++){
html+="<tr>";
html+="<td class='taskStatus'>"+data.dictItemList[i].itemCode;
html+="</td>";
html+="<td class='taskStatus'>"+data.dictItemList[i].itemValue;
html+="</td>";
html+="<td class='taskStatus'>"+data.dictItemList[i].itemDesc;
html+="</td>";
html+="<td class='taskStatus'>";
if(data.dictItemList[i].status==1){
html+="<span class='in-progress'>是</span>";
}else {
html+="<span class='pending'>否</span>";
}
html+="</td>";
html+="<td class='taskStatus'>";
if(data.dictItemList[i].type==1){
html+="<span class='in-progress'>是</span>";
}else {
html+="<span class='pending'>否</span>";
}
html+="</td>";
html+="</tr>";
}
html+="</tbody>";
html+="</table>";
html+="</td>";
html+="</tr>";
html+="<tr>";
html+="<th>创建时间:";
html+="</th>";
html+="<td>"+data.createTime;
html+="</td>";
html+="<th>最后修改时间:";
html+="</th>";
html+="<td>"+data.modifyTime;
html+="</td>";
html+="</tr>";
html+="<tr>";
html+="<th>描述:";
html+="</th>";
html+="<td colspan='3'>"+data.remark;
html+="</td>";
html+="</tr>";
html+="<tr>";
html+="<th>字典修改记录:";
html+="</th>";
html+="<td colspan='3'>"+revisions.join('');
html+="</td>";
html+="</tr>";
html+="</tbody>";
html+="</table>";
html+="</div>";
top.$.jBox(html,{width: $(document).width()*0.6,height: 480,title:"字典详情", buttons:{"关闭":true}});
}
}
});
}
function page(n,s){
if(n) $("#pageNo").val(n);
if(s) $("#pageSize").val(s);
$("#searchForm").attr("action","${ctx}/sys/dict/list");
$("#searchForm").submit();
return false;
}
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="${ctx}/sys/dict/list">字典列表</a></li>
<shiro:hasPermission name="sys:dict:edit"></shiro:hasPermission>
<li><a href="${ctx}/sys/dict/form">字典添加</a></li>
</ul>
<form:form id="searchForm" action="${ctx}/sys/dict/list" method="post" class="breadcrumb form-search">
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
<sys:tableSort id="orderBy" name="orderBy" value="${page.orderBy}" callback="page();"/>
<div>
<label>模块名称:</label><input id="moduleName" name="moduleName" type="text" maxlength="50" class="input-medium" value="${sysDataDictionaryName.moduleName}"/>
<label>字典标识:</label><input id="mark" name="mark" type="text" maxlength="50" class="input-medium" value="${sysDataDictionaryName.mark}"/>
<label>创建时间:&nbsp;</label><input id="beginDate" name="beginDate" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate"
value="<fmt:formatDate value="${sysDataDictionaryName.beginDate}" pattern="yyyy-MM-dd"/>" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/>
<label>&nbsp;--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><input id="endDate" name="endDate" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate"
value="<fmt:formatDate value="${sysDataDictionaryName.endDate}" pattern="yyyy-MM-dd"/>" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/>&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;<input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"/>&nbsp;&nbsp;
</div>
</form:form>
<sys:message content="${message}"/>
<table id="contentTable" class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th class="sort-column module_name" width="15%">模块名</th>
<th class="sort-column mark" width="20%">字典标识</th>
<th class="sort-column create_time" width="15%">创建时间</th>
<th width="17%">描述</th>
<th width="18%">修改记录</th>
<shiro:hasPermission name="sys:dict:edit">
<th width="15%">操作</th>
</shiro:hasPermission>
</tr>
</thead>
<tbody>
<c:forEach items="${page.list}" var="dict">
<tr>
<td>${dict.moduleName}</td>
<td>${dict.mark}</td>
<td><fmt:formatDate value="${dict.createTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
<td title="${dict.remark }">${fns:abbr(dict.remark,15)}</td>
<td>
<button class="btn revision popovers purple-stripe" data-content="${dict.revision}">修改记录查看</button>
</td>
<td>
<div class="btn-group">
<a class="btn btn-primary" href="#"><i class="icon-cogs"></i> 操作</a>
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="javascript:dictDetail('${dict.id}')"><i class="icon-list"></i> 详情</a></li>
<li class="divider"></li>
<shiro:hasPermission name="sys:dict:edit">
<li><a href="${ctx}/sys/dict/form?id=${dict.id}" onclick="return confirmx('数据字典在系统中非常重要,您确认要修改吗?', this.href)"><i class="icon-edit"></i> 修改</a></li>
<li class="divider"></li>
</shiro:hasPermission>
<shiro:hasPermission name="sys:dict:edit">
<li><a href="${ctx}/sys/dict/delete?id=${dict.id}" onclick="return confirmx('数据字典在系统中非常重要,您确认要删除吗?', this.href)"><i class="icon-trash"></i> 删除</a></li>
</shiro:hasPermission>
</ul>
</div>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<div class="pagination">${page}</div>
</body>
</html>

View File

@@ -0,0 +1,49 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>ip定位</title>
<script type="text/javascript">
$(document).ready(function() {
$("#name").focus();
jQuery.validator.addMethod("ip", function(value, element) {
return this.optional(element) || /^(([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.)(([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.){2}([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))$/.test(value);
}, "请填写正确的IP地址。");
$("#inputForm").validate({
submitHandler: function(form){
form.submit();
},
rules: {
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误,请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
});
</script>
</head>
<body>
<form:form id="inputForm" action="${ctx}/sys/ipLocation/search" method="post" class="form-horizontal">
<sys:message content="${message}"/>
<div class="control-group">
<label class="control-label">IP地址:</label>
<div class="controls">
<input name="searchIp" id="searchIp" class="span6 required"/>
<input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"/>
</div>
</div>
</form:form>
</body>
</html>

View File

@@ -0,0 +1,12 @@
<%@ 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">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- Ip定位结果展示 -->
</body>
</html>

View File

@@ -0,0 +1,60 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>日志管理</title>
<script type="text/javascript">
function page(n,s){
$("#pageNo").val(n);
$("#pageSize").val(s);
$("#searchForm").submit();
return false;
}
</script>
</head>
<body>
<!-- <ul class="nav nav-tabs"> -->
<%-- <li class="active"><a href="${ctx}/sys/log/">日志列表</a></li> --%>
<!-- </ul> -->
<form:form id="searchForm" action="${ctx}/sys/log" method="post" class="breadcrumb form-search">
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
<div>
<label>操作菜单:</label><input id="title" name="title" type="text" maxlength="50" class="input-mini" value="${sysLog.title}"/>
<label>用户:</label><input id="createBy" name="createBy" type="text" maxlength="50" class="input-mini" value="${sysLog.createBy}"/>
<label>URI</label><input id="requestUri" name="requestUri" type="text" maxlength="50" class="input-mini" value="${sysLog.requestUri}"/>
</div><div style="margin-top:8px;">
<label>日期范围:&nbsp;</label><input id="beginDate" name="beginDate" type="text" readonly="readonly" maxlength="20" class="input-mini Wdate"
value="<fmt:formatDate value="${sysLog.beginDate}" pattern="yyyy-MM-dd"/>" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/>
<label>&nbsp;--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><input id="endDate" name="endDate" type="text" readonly="readonly" maxlength="20" class="input-mini Wdate"
value="<fmt:formatDate value="${sysLog.endDate}" pattern="yyyy-MM-dd"/>" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});"/>&nbsp;&nbsp;
&nbsp;<label for="exception"><input id="exception" name="exception" type="checkbox"${sysLog.exception eq '1'?' checked':''} value="1"/>只查询异常信息</label>
&nbsp;&nbsp;&nbsp;<input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"/>&nbsp;&nbsp;
</div>
</form:form>
<sys:message content="${message}"/>
<table id="contentTable" class="table table-striped table-bordered table-condensed">
<thead><tr><th>操作菜单</th><th>操作用户</th><th>URI</th><th>提交方式</th><th>操作者IP</th><th>操作时间</th></thead>
<tbody><%request.setAttribute("strEnter", "\n");request.setAttribute("strTab", "\t");%>
<c:forEach items="${page.list}" var="log">
<tr>
<td>${log.title}</td>
<td>${log.createBy}</td>
<td><strong>${log.requestUri}</strong></td>
<td>${log.method}</td>
<td>${log.remoteAddr}</td>
<td><fmt:formatDate value="${log.createDate}" type="both"/></td>
</tr>
<c:if test="${not empty log.exception}"><tr>
<td colspan="8" style="word-wrap:break-word;word-break:break-all;">
<%-- 用户代理: ${log.userAgent}<br/> --%>
<%-- 提交参数: ${fns:escapeHtml(log.params)} <br/> --%>
异常信息: <br/>
${fn:replace(fn:replace(fns:escapeHtml(log.exception), strEnter, '<br/>'), strTab, '&nbsp; &nbsp; ')}</td>
</tr></c:if>
</c:forEach>
</tbody>
</table>
<div class="pagination">${page}</div>
</body>
</html>

View File

@@ -0,0 +1,102 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>菜单管理</title>
<script type="text/javascript">
$(document).ready(function() {
$("#name").focus();
$("#inputForm").validate({
submitHandler: function(form){
loading('正在提交,请稍等...');
form.submit();
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误,请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
});
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li><a href="${ctx}/sys/menu/">菜单列表</a></li>
<li class="active"><a href="${ctx}/sys/menu/form?id=${menu.id}&parent.id=${menu.parent.id}">菜单<shiro:hasPermission name="sys:menu:edit">${not empty menu.id?'修改':'添加'}</shiro:hasPermission><shiro:lacksPermission name="sys:menu:edit">查看</shiro:lacksPermission></a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="menu" action="${ctx}/sys/menu/saveOrUpdate" method="post" class="form-horizontal">
<form:hidden path="id"/>
<sys:message content="${message}"/>
<div class="control-group">
<label class="control-label">上级菜单:</label>
<div class="controls">
<sys:treeselect id="menu" name="parent.id" value="${menu.parent.id}" labelName="parent.name" labelValue="${menu.parent.name}"
title="菜单" url="/sys/menu/treeData" extId="${menu.id}" cssClass="required"/>
</div>
</div>
<div class="control-group">
<label class="control-label">名称:</label>
<div class="controls">
<form:input path="name" htmlEscape="false" maxlength="50" class="required input-xlarge"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
<label class="control-label">链接:</label>
<div class="controls">
<form:input path="href" htmlEscape="false" maxlength="2000" class="input-xxlarge"/>
<span class="help-inline">点击菜单跳转的页面</span>
</div>
</div>
<div class="control-group">
<label class="control-label">目标:</label>
<div class="controls">
<form:input path="target" htmlEscape="false" maxlength="10" class="input-small"/>
<span class="help-inline">链接地址打开的目标窗口默认mainFrame</span>
</div>
</div>
<div class="control-group">
<label class="control-label">图标:</label>
<div class="controls">
<sys:iconselect id="icon" name="icon" value="${menu.icon}"/>
</div>
</div>
<div class="control-group">
<label class="control-label">排序:</label>
<div class="controls">
<form:input path="sort" htmlEscape="false" maxlength="50" class="required digits input-small"/>
<span class="help-inline">排列顺序,升序。</span>
</div>
</div>
<div class="control-group">
<label class="control-label">可见:</label>
<div class="controls">
<form:radiobuttons path="isShow" items="${fns:getDictList('SYS_SHOW_HIDE')}" itemLabel="itemValue" itemValue="itemCode" htmlEscape="false" class="required"/>
<span class="help-inline">该菜单或操作是否显示到系统菜单中</span>
</div>
</div>
<div class="control-group">
<label class="control-label">权限标识:</label>
<div class="controls">
<form:input path="permission" htmlEscape="false" maxlength="100" class="input-xxlarge"/>
<span class="help-inline">控制器中定义的权限标识,如:@RequiresPermissions("权限标识")</span>
</div>
</div>
<div class="control-group">
<label class="control-label">备注:</label>
<div class="controls">
<form:textarea path="remarks" htmlEscape="false" rows="3" maxlength="200" class="input-xxlarge"/>
</div>
</div>
<div class="form-actions">
<shiro:hasPermission name="sys:menu:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;</shiro:hasPermission>
<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
</div>
</form:form>
</body>
</html>

View File

@@ -0,0 +1,56 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>菜单管理</title>
<link href="${ctxStatic}/treeTable/themes/vsStyle/treeTable.min.css" rel="stylesheet" type="text/css" />
<script src="${ctxStatic}/treeTable/jquery.treeTable.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#treeTable").treeTable({expandLevel : 3}).show();
});
function updateSort() {
loading('正在提交,请稍等...');
$("#listForm").attr("action", "${ctx}/sys/menu/updateSort");
$("#listForm").submit();
}
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="${ctx}/sys/menu/">菜单列表</a></li>
<shiro:hasPermission name="sys:menu:edit"><li><a href="${ctx}/sys/menu/form">菜单添加</a></li></shiro:hasPermission>
</ul>
<sys:message content="${message}"/>
<form id="listForm" method="post">
<table id="treeTable" class="table table-striped table-bordered table-condensed hide">
<thead><tr><th>名称</th><th>链接</th><th style="text-align:center;">排序</th><th>可见</th><th>权限标识</th><shiro:hasPermission name="sys:menu:edit"><th>操作</th></shiro:hasPermission></tr></thead>
<tbody><c:forEach items="${list}" var="menu">
<tr id="${menu.id}" pId="${menu.parent.id ne 1?menu.parent.id:0}">
<td nowrap><i class="icon-${not empty menu.icon?menu.icon:' hide'}"></i><a href="${ctx}/sys/menu/form?id=${menu.id}">${menu.name}</a></td>
<td title="${menu.href}">${fns:abbr(menu.href,30)}</td>
<td style="text-align:center;">
<shiro:hasPermission name="sys:menu:edit">
<input type="hidden" name="ids" value="${menu.id}"/>
<input name="sorts" type="text" value="${menu.sort}" style="width:50px;margin:0;padding:0;text-align:center;">
</shiro:hasPermission><shiro:lacksPermission name="sys:menu:edit">
${menu.sort}
</shiro:lacksPermission>
</td>
<td>${menu.isShow eq '1'?'显示':'隐藏'}</td>
<td title="${menu.permission}">${fns:abbr(menu.permission,30)}</td>
<shiro:hasPermission name="sys:menu:edit"><td nowrap>
<a href="${ctx}/sys/menu/form?id=${menu.id}">修改</a>
<a href="${ctx}/sys/menu/delete?id=${menu.id}" onclick="return confirmx('要删除该菜单及所有子菜单项吗?', this.href)">删除</a>
<a href="${ctx}/sys/menu/form?parent.id=${menu.id}">添加下级菜单</a>
</td></shiro:hasPermission>
</tr>
</c:forEach></tbody>
</table>
<shiro:hasPermission name="sys:menu:edit"><div class="form-actions pagination-left">
<input id="btnSubmit" class="btn btn-primary" type="button" value="保存排序" onclick="updateSort();"/>
</div></shiro:hasPermission>
</form>
</body>
</html>

View File

@@ -0,0 +1,170 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>机构管理</title>
<script type="text/javascript">
$(document).ready(function() {
$("#name").focus();
$("#inputForm").validate({
submitHandler: function(form){
loading('正在提交,请稍等...');
form.submit();
},
messages: {
'area.name': {required: "归属区域必填"}
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误,请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
});
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li><a href="${ctx}/sys/office/list?id=${office.parent.id}&parentIds=${office.parentIds}">机构列表</a></li>
<li class="active"><a href="${ctx}/sys/office/form?id=${office.id}&parent.id=${office.parent.id}">机构<shiro:hasPermission name="sys:office:edit">${not empty office.id?'修改':'添加'}</shiro:hasPermission><shiro:lacksPermission name="sys:office:edit">查看</shiro:lacksPermission></a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="sysOffice" action="${ctx}/sys/office/saveOrUpdate" method="post" class="form-horizontal">
<form:hidden path="id"/>
<sys:message content="${message}"/>
<div class="control-group">
<label class="control-label">上级机构:</label>
<div class="controls">
<sys:treeselect id="office" name="parent.id" value="${office.parent.id}" labelName="parent.name" labelValue="${office.parent.name}"
title="机构" url="/sys/office/treeData" extId="${office.id}" cssClass="" allowClear="${office.currentUser.admin}"/>
</div>
</div>
<div class="control-group">
<label class="control-label">归属区域:</label>
<div class="controls">
<sys:treeselect id="area" name="area.id" value="${office.area.id}" labelName="area.name" labelValue="${office.area.name}"
title="区域" url="/sys/area/treeData" cssClass="required" allowClear="${office.currentUser.admin}"/>
<font color="red">*</font>
</div>
</div>
<div class="control-group">
<label class="control-label">机构名称:</label>
<div class="controls">
<form:input path="name" htmlEscape="false" maxlength="50" class="required"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
<label class="control-label">机构编码:</label>
<div class="controls">
<form:input path="code" htmlEscape="false" maxlength="50"/>
</div>
</div>
<div class="control-group">
<label class="control-label">机构类型:</label>
<div class="controls">
<form:select path="type" class="input-medium">
<form:options items="${fns:getDictList('SYS_OFFICE_TYPE')}" itemLabel="itemValue" itemValue="itemCode" htmlEscape="false"/>
</form:select>
</div>
</div>
<div class="control-group">
<label class="control-label">机构级别:</label>
<div class="controls">
<form:select path="grade" class="input-medium">
<form:options items="${fns:getDictList('SYS_OFFICE_GRADE')}" itemLabel="itemValue" itemValue="itemCode" htmlEscape="false"/>
</form:select>
</div>
</div>
<div class="control-group">
<label class="control-label">机构职责分类:</label>
<div class="controls">
<form:select path="jobType" class="input-medium">
<form:options items="${fns:getDictList('SYS_JOB_TYPE')}" itemLabel="itemValue" itemValue="itemCode" htmlEscape="false"/>
</form:select>
</div>
</div>
<div class="control-group">
<label class="control-label">是否可用:</label>
<div class="controls">
<form:select path="useable">
<form:options items="${fns:getDictList('SYS_YES_NO')}" itemLabel="itemValue" itemValue="itemCode" htmlEscape="false"/>
</form:select>
<span class="help-inline">“是”代表此账号允许登陆,“否”则表示此账号不允许登陆</span>
</div>
</div>
<div class="control-group">
<label class="control-label">主负责人:</label>
<div class="controls">
<sys:treeselect id="primaryPerson" name="primaryPerson.id" value="${office.primaryPerson.id}" labelName="office.primaryPerson.name" labelValue="${office.primaryPerson.name}"
title="用户" url="/sys/office/treeData?type=6" allowClear="true" notAllowSelectParent="true"/>
</div>
</div>
<div class="control-group">
<label class="control-label">副负责人:</label>
<div class="controls">
<sys:treeselect id="deputyPerson" name="deputyPerson.id" value="${office.deputyPerson.id}" labelName="office.deputyPerson.name" labelValue="${office.deputyPerson.name}"
title="用户" url="/sys/office/treeData?type=6" allowClear="true" notAllowSelectParent="true"/>
</div>
</div>
<div class="control-group">
<label class="control-label">联系地址:</label>
<div class="controls">
<form:input path="address" htmlEscape="false" maxlength="50"/>
</div>
</div>
<div class="control-group">
<label class="control-label">邮政编码:</label>
<div class="controls">
<form:input path="zipCode" htmlEscape="false" maxlength="50"/>
</div>
</div>
<div class="control-group">
<label class="control-label">负责人:</label>
<div class="controls">
<form:input path="master" htmlEscape="false" maxlength="50"/>
</div>
</div>
<div class="control-group">
<label class="control-label">电话:</label>
<div class="controls">
<form:input path="phone" htmlEscape="false" maxlength="50"/>
</div>
</div>
<div class="control-group">
<label class="control-label">传真:</label>
<div class="controls">
<form:input path="fax" htmlEscape="false" maxlength="50"/>
</div>
</div>
<div class="control-group">
<label class="control-label">邮箱:</label>
<div class="controls">
<form:input path="email" htmlEscape="false" maxlength="50"/>
</div>
</div>
<div class="control-group">
<label class="control-label">备注:</label>
<div class="controls">
<form:textarea path="remarks" htmlEscape="false" rows="3" maxlength="200" class="input-xlarge"/>
</div>
</div>
<c:if test="${empty office.id}">
<div class="control-group">
<label class="control-label">快速添加下级部门:</label>
<div class="controls">
<form:checkboxes path="childDeptList" items="${fns:getDictList('SYS_OFFICE_COMMON')}" itemLabel="itemValue" itemValue="itemCode" htmlEscape="false"/>
</div>
</div>
</c:if>
<div class="form-actions">
<shiro:hasPermission name="sys:office:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;</shiro:hasPermission>
<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
</div>
</form:form>
</body>
</html>

View File

@@ -0,0 +1,73 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>机构管理</title>
<style type="text/css">
.ztree {overflow:auto;margin:0;_margin-top:10px;padding:10px 0 0 10px;}
</style>
<link href="${ctxStatic}/jquery-ztree/3.5.12/css/zTreeStyle/zTreeStyle.min.css" rel="stylesheet" type="text/css"/>
<script src="${ctxStatic}/jquery-ztree/3.5.12/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
</head>
<body>
<sys:message content="${message}"/>
<div id="content" class="row-fluid">
<div id="left" class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle">组织机构<i class="icon-refresh pull-right" onclick="refreshTree();"></i></a>
</div>
<div id="ztree" class="ztree"></div>
</div>
<div id="openClose" class="close">&nbsp;</div>
<div id="right">
<iframe id="officeContent" src="${ctx}/sys/office/list?id=&parentIds=" frameborder="no" width="100%" height="91%"></iframe>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
refreshTree();
});
var setting = {data:{simpleData:{enable:true,idKey:"id",pIdKey:"pId",rootPId:'0'}},
callback:{onClick:function(event, treeId, treeNode){
var id = treeNode.pId ? treeNode.id : 1;
$('#officeContent').attr("src","${ctx}/sys/office/list?id="+id+"&parentIds="+treeNode.pIds);
}
}
};
function refreshTree(){
$.getJSON("${ctx}/sys/office/treeData",function(data){
var tree = $.fn.zTree.init($("#ztree"), setting, data);
var nodes = tree.getNodesByParam("level", 0);
for(var i=0; i<nodes.length; i++) {
tree.expandNode(nodes[i], true, false, false);
}
var secondNodes = tree.getNodesByParam("level", 1);
$("#"+secondNodes[0].tId+"_a").click();
});
}
var leftWidth = 180; // 左侧窗口大小
var htmlObj = $("html"), mainObj = $("#main");
var frameObj = $("#left, #openClose, #right, #right iframe");
function wSize(){
var strs = getWindowSize().toString().split(",");
htmlObj.css({"overflow-x":"hidden", "overflow-y":"hidden"});
mainObj.css("width","auto");
frameObj.height(strs[0] - 5);
var leftWidth = ($("#left").width() < 0 ? 0 : $("#left").width());
$("#right").width($("#content").width()- leftWidth - $("#openClose").width() -5);
$(".ztree").width(leftWidth - 10).height(frameObj.height() - 46);
}
</script>
<script src="${ctxStatic}/common/wsize.min.js" type="text/javascript"></script>
</body>
</html>

View File

@@ -0,0 +1,81 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>机构管理</title>
<link href="${ctxStatic}/treeTable/themes/vsStyle/treeTable.min.css" rel="stylesheet" type="text/css" />
<script src="${ctxStatic}/treeTable/jquery.treeTable.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var tpl = $("#treeTableTpl").html().replace(/(\/\/\<!\-\-)|(\/\/\-\->)/g,"");
var data = ${fns:toJson(list)}, rootId = "${not empty sysOffice.id ? sysOffice.id : 0}";
addRow("#treeTableList", tpl, data, rootId, true);
$("#treeTable").treeTable({expandLevel : 5});
});
function addRow(list, tpl, data, pid, root){
for (var i=0; i<data.length; i++){
var row = data[i];
var value = ${fns:jsGetVal('row.parentId')};
if(!value){
value = 0;
}
if (value == pid){
$(list).append(Mustache.render(tpl, {
dict: {
type: getDictLabel(${fns:toJson(fns:getDictList('SYS_OFFICE_TYPE'))}, row.type),
grade: getDictLabel(${fns:toJson(fns:getDictList('SYS_OFFICE_GRADE'))}, row.grade),
jobType: getDictLabel(${fns:toJson(fns:getDictList('SYS_JOB_TYPE'))}, row.jobType)
},
pid: (root?0:pid),
row: row
}));
addRow(list, tpl, data, row.id);
}
}
}
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="${ctx}/sys/office/list?id=${sysOffice.id}&parentIds=${sysOffice.parentIds}">机构列表</a></li>
<shiro:hasPermission name="sys:office:edit"><li><a href="${ctx}/sys/office/form?parent.id=${sysOffice.id}">机构添加</a></li></shiro:hasPermission>
</ul>
<sys:message content="${message}"/>
<table id="treeTable" class="table table-striped table-bordered table-condensed">
<thead><tr><th>机构名称</th><th>归属区域</th><th>机构编码</th><th>所属级别</th><th>机构类型</th><th>机构职责分类</th><th>备注</th><shiro:hasPermission name="sys:office:edit"><th>操作</th></shiro:hasPermission></tr></thead>
<tbody id="treeTableList"></tbody>
</table>
<script type="text/template" id="treeTableTpl">
<tr id="{{row.id}}" pId="{{pid}}">
<td><a href="${ctx}/sys/office/form?id={{row.id}}">{{row.name}}</a></td>
<td>{{row.area.name}}</td>
<td>{{row.code}}</td>
<td>{{dict.grade}}</td>
<td>{{dict.type}}</td>
<td>{{dict.jobType}}</td>
<td>{{row.remarks}}</td>
<shiro:hasPermission name="sys:office:edit"><td>
<a href="${ctx}/sys/office/form?id={{row.id}}">修改</a>
<a href="${ctx}/sys/office/delete?id={{row.id}}" onclick="return confirmx('要删除该机构及所有子机构项吗?', this.href)">删除</a>
<a href="${ctx}/sys/office/form?parent.id={{row.id}}">添加下级机构</a>
</td></shiro:hasPermission>
</tr>
</script>
</body>
</html>

View File

@@ -0,0 +1,114 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>信访目的管理</title>
<script type="text/javascript">
$(document).ready(function() {
$("#inputForm").validate({
submitHandler: function(form){
if(validateForm()){
$("input[type='submit']").attr("disabled",true);
loading('正在提交,请稍等...');
form.submit();
parent.location.reload();
}
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误,请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
});
function validateForm(){
purposeId=$("#id").val();
purposeParentId=$("#parentId").val();
if(purposeId==purposeParentId){
$("#messageBox").text("上级信访目的不能是自己").show();
return false;
}
return true;
}
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="#">目的${not empty regPurposeInfo.id?'修改':'添加'}</a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="sysOffice" action="${ctx}/sys/purpose/updateOrSave" method="post" class="form-horizontal">
<input type="hidden" id="id" name="id" value="${regPurposeInfo.id}">
<input type="hidden" id="saveParentId" name="saveParentId" value="${regPurposeInfo.parentId}">
<sys:message content="${message}"/>
<div id="messageBox" class="alert alert-error hide"></div>
<c:if test="${update }">
<div class="control-group">
<label class="control-label">上级目的:</label>
<div class="controls">
<sys:treeselect id="parent" name="parentId" value="${regPurposeInfo.parentId}" labelName="" labelValue="${parentName}"
title="目的" url="/letter/reg/purposeTreeData" />
</div>
</div>
</c:if>
<c:if test="${add}">
<div class="control-group">
<label class="control-label">上级目的:</label>
<div class="controls">
${parentName}
</div>
</div>
</c:if>
<div class="control-group">
<label class="control-label">目的名称:</label>
<div class="controls">
<input type="text" name="name" value="${regPurposeInfo.name}" maxlength="50" class="required"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<c:if test="${update }">
<div class="control-group">
<label class="control-label">创建时间:</label>
<div class="controls">
<c:if test="${ empty createTime}">
<div style="margin-top:5px;">无</div>
</c:if>
<c:if test="${not empty createTime}">
<div style="margin-top:5px;">${createTime}</div>
</c:if>
</div>
</div>
</c:if>
<div class="control-group">
<label class="control-label">备注:</label>
<div class="controls">
<textarea class="span12" rows="3" name="remark" id="remark" >${regPurposeInfo.remark}</textarea>
</div>
</div>
<div class="form-actions">
<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;
<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
</div>
</form:form>
</body>
</html>

View File

@@ -0,0 +1,73 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>机构管理</title>
<style type="text/css">
.ztree {overflow:auto;margin:0;_margin-top:10px;padding:10px 0 0 10px;}
</style>
<link href="${ctxStatic}/jquery-ztree/3.5.12/css/zTreeStyle/zTreeStyle.min.css" rel="stylesheet" type="text/css"/>
<script src="${ctxStatic}/jquery-ztree/3.5.12/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
</head>
<body>
<sys:message content="${message}"/>
<div id="content" class="row-fluid">
<div id="left" class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle">信访目的<i class="icon-refresh pull-right" onclick="refreshTree();"></i></a>
</div>
<div id="ztree" class="ztree"></div>
</div>
<div id="openClose" class="close">&nbsp;</div>
<div id="right">
<iframe id="officeContent" src="${ctx}/sys/purpose/list?id=&parentIds=" frameborder="no" width="100%" height="91%"></iframe>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
refreshTree();
});
var setting = {data:{simpleData:{enable:true,idKey:"id",pIdKey:"pId",rootPId:'0'}},
callback:{onClick:function(event, treeId, treeNode){
var id = treeNode.pId ? treeNode.id : 1;
$('#officeContent').attr("src","${ctx}/sys/purpose/list?id="+id+"&parentIds="+treeNode.pIds);
}
}
};
function refreshTree(){
$.getJSON("${ctx}/letter/reg/purposeTreeData",function(data){
var tree = $.fn.zTree.init($("#ztree"), setting, data);
var nodes = tree.getNodesByParam("level", 0);
for(var i=0; i<nodes.length; i++) {
tree.expandNode(nodes[i], true, false, false);
}
var secondNodes = tree.getNodesByParam("level", 1);
$("#"+secondNodes[0].tId+"_a").click();
});
}
var leftWidth = 180; // 左侧窗口大小
var htmlObj = $("html"), mainObj = $("#main");
var frameObj = $("#left, #openClose, #right, #right iframe");
function wSize(){
var strs = getWindowSize().toString().split(",");
htmlObj.css({"overflow-x":"hidden", "overflow-y":"hidden"});
mainObj.css("width","auto");
frameObj.height(strs[0] - 5);
var leftWidth = ($("#left").width() < 0 ? 0 : $("#left").width());
$("#right").width($("#content").width()- leftWidth - $("#openClose").width() -5);
$(".ztree").width(leftWidth - 10).height(frameObj.height() - 46);
}
</script>
<script src="${ctxStatic}/common/wsize.min.js" type="text/javascript"></script>
</body>
</html>

View File

@@ -0,0 +1,80 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>机构管理</title>
<link href="${ctxStatic}/treeTable/themes/vsStyle/treeTable.min.css" rel="stylesheet" type="text/css" />
<script src="${ctxStatic}/treeTable/jquery.treeTable.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var tpl = $("#treeTableTpl").html().replace(/(\/\/\<!\-\-)|(\/\/\-\->)/g,"");
var data = ${fns:toJson(list)}, rootId = "${not empty regPurposeInfo.id ? regPurposeInfo.id : 0}";
addRow("#treeTableList", tpl, data, rootId, true);
$("#treeTable").treeTable({expandLevel : 5});
});
function addRow(list, tpl, data, pid, root){
for (var i=0; i<data.length; i++){
var row = data[i];
var value = ${fns:jsGetVal('row.parentId')};
if(!value){
value = 0;
}
if (value == pid){
$(list).append(Mustache.render(tpl, {
pid: (root?0:pid),
row: row
}));
addRow(list, tpl, data, row.id);
}
}
}
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="${ctx}/sys/purpose/list?id=${regPurposeInfo.id}&parentIds=${regPurposeInfo.parentIds}">信访目的列表</a></li>
<li><a href="${ctx}/sys/purpose/form?parentId=1">信访目的添加</a></li>
</ul>
<sys:message content="${message}"/>
<table id="treeTable" class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th>信访名称</th>
<th>备注</th>
<th>操作</th>
</tr>
</thead>
<tbody id="treeTableList"></tbody>
</table>
<script type="text/template" id="treeTableTpl">
<tr id="{{row.id}}" pId="{{pid}}">
<td><a href="${ctx}/sys/purpose/form?id={{row.id}}">{{row.name}}</a></td>
<td>{{row.remark}}</td>
<td>
<a href="${ctx}/sys/purpose/form?id={{row.id}}">修改</a>
<a href="${ctx}/sys/purpose/delete?id={{row.id}}" onclick="return confirmx('要删除该机构及所有子目的项吗?', this.href)">删除</a>
<a href="${ctx}/sys/purpose/form?parentId={{row.id}}">添加下级目的</a>
</td>
</tr>
</script>
</body>
</html>

View File

@@ -0,0 +1,83 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>分配角色</title>
</head>
<body>
<ul class="nav nav-tabs">
<li><a href="${ctx}/sys/role/">角色列表</a></li>
<li class="active"><a href="${ctx}/sys/role/assign?id=${sysRole.id}"><shiro:hasPermission name="sys:role:edit">角色分配</shiro:hasPermission><shiro:lacksPermission name="sys:role:edit">人员列表</shiro:lacksPermission></a></li>
</ul>
<div class="container-fluid breadcrumb">
<div class="row-fluid span12">
<span class="span4">角色名称: <b>${sysRole.name}</b></span>
</div>
<div class="row-fluid span8">
<span class="span4">角色类型: ${sysRole.roleType}</span>
<c:set var="dictCode" value="${sysRole.dataScope}" scope="page" />
<span class="span4">数据范围: ${fns:getDictLabel('SYS_DATA_SCOPE', dictCode, '')}</span>
</div>
</div>
<sys:message content="${message}"/>
<div class="breadcrumb">
<form id="assignRoleForm" action="${ctx}/sys/role/assignrole" method="post" class="hide">
<input type="hidden" name="id" value="${sysRole.id}"/>
<input id="idsArr" type="hidden" name="idsArr" value=""/>
</form>
<input id="assignButton" class="btn btn-primary" type="submit" value="分配角色"/>
<script type="text/javascript">
$("#assignButton").click(function(){
top.$.jBox.open("iframe:${ctx}/sys/role/usertorole?id=${sysRole.id}", "分配角色",810,$(top.document).height()-240,{
buttons:{"确定分配":"ok", "清除已选":"clear", "关闭":true}, bottomText:"通过选择部门,然后为列出的人员分配角色。",submit:function(v, h, f){
var pre_ids = h.find("iframe")[0].contentWindow.pre_ids;
var ids = h.find("iframe")[0].contentWindow.ids;
//nodes = selectedTree.getSelectedNodes();
if (v=="ok"){
// 删除''的元素
if(ids[0]==''){
ids.shift();
pre_ids.shift();
}
if(pre_ids.sort().toString() == ids.sort().toString()){
top.$.jBox.tip("未给角色【${sysRole.name}】分配新成员!", 'info');
return false;
};
// 执行保存
loading('正在提交,请稍等...');
var idsArr = "";
for (var i = 0; i<ids.length; i++) {
idsArr = (idsArr + ids[i]) + (((i + 1)== ids.length) ? '':',');
}
$('#idsArr').val(idsArr);
$('#assignRoleForm').submit();
return true;
} else if (v=="clear"){
h.find("iframe")[0].contentWindow.clearAssign();
return false;
}
}, loaded:function(h){
$(".jbox-content", top.document).css("overflow-y","hidden");
}
});
});
</script>
</div>
<table id="contentTable" class="table table-striped table-bordered table-condensed">
<thead><tr><th>登录账户</th><th>姓名</th><th>归属部门</th><shiro:hasPermission name="sys:user:edit"><th>操作</th></shiro:hasPermission></tr></thead>
<tbody>
<c:forEach items="${userList}" var="user">
<tr>
<td><a href="${ctx}/sys/user/form?id=${user.id}">${user.loginId}</a></td>
<td>${user.name}</td>
<td>${user.office.name}</td>
<shiro:hasPermission name="sys:role:edit"><td>
<a href="${ctx}/sys/role/outrole?userId=${user.id}&roleId=${sysRole.id}"
onclick="return confirmx('确认要将用户<b>[${user.name}]</b>从<b>[${sysRole.name}]</b>角色中移除吗?', this.href)">移除</a>
</td></shiro:hasPermission>
</tr>
</c:forEach>
</tbody>
</table>
</body>
</html>

View File

@@ -0,0 +1,130 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>角色管理</title>
<link href="${ctxStatic}/jquery-ztree/3.5.12/css/zTreeStyle/zTreeStyle.min.css" rel="stylesheet" type="text/css"/>
<script src="${ctxStatic}/jquery-ztree/3.5.12/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#name").focus();
$("#inputForm").validate({
rules: {
name: {remote: "${ctx}/sys/role/checkName?oldName=" + encodeURIComponent("${role.name}")}
},
messages: {
name: {remote: "角色名已存在"}
},
submitHandler: function(form){
var ids = [], nodes = tree.getCheckedNodes(true);
for(var i=0; i<nodes.length; i++) {
ids.push(nodes[i].id);
}
$("#menuIds").val(ids);
loading('正在提交,请稍等...');
form.submit();
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误,请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
var setting = {check:{enable:true,nocheckInherit:true},view:{selectedMulti:false},
data:{simpleData:{enable:true}},callback:{beforeClick:function(id, node){
tree.checkNode(node, !node.checked, true, true);
return false;
}}};
// 用户-菜单
var zNodes=[
<c:forEach items="${menuList}" var="menu">{id:"${menu.id}", pId:"${not empty menu.parent.id?menu.parent.id:0}", name:"${not empty menu.parent.id?menu.name:'权限列表'}"},
</c:forEach>];
// 初始化树结构
var tree = $.fn.zTree.init($("#menuTree"), setting, zNodes);
// 不选择父节点
tree.setting.check.chkboxType = { "Y" : "ps", "N" : "s" };
// 默认选择节点
var ids = "${role.menuIds}".split(",");
for(var i=0; i<ids.length; i++) {
var node = tree.getNodeByParam("id", ids[i]);
try{tree.checkNode(node, true, false);}catch(e){}
}
// 默认展开全部节点
tree.expandAll(true);
});
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li><a href="${ctx}/sys/role/">角色列表</a></li>
<li class="active"><a href="${ctx}/sys/role/form?id=${role.id}">角色<shiro:hasPermission name="sys:role:edit">${not empty role.id?'修改':'添加'}</shiro:hasPermission><shiro:lacksPermission name="sys:role:edit">查看</shiro:lacksPermission></a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="sysRole" action="${ctx}/sys/role/saveOrUpdate" method="post" class="form-horizontal">
<form:hidden path="id"/>
<sys:message content="${message}"/>
<div class="control-group">
<label class="control-label">角色名称:</label>
<div class="controls">
<input id="oldName" name="oldName" type="hidden" value="${role.name}">
<form:input path="name" htmlEscape="false" maxlength="50" class="required"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
<label class="control-label">角色类型:</label>
<div class="controls"><%--
<form:input path="roleType" htmlEscape="false" maxlength="50" class="required"/>
<span class="help-inline" title="activiti有3种预定义的组类型security-role、assignment、user 如果使用Activiti Explorer需要security-role才能看到manage页签需要assignment才能claim任务">
工作流组用户组类型security-role管理员、assignment可进行任务分配、user普通用户</span> --%>
<form:select path="roleType" class="input-medium">
<form:option value="assignment">任务分配</form:option>
<form:option value="security-role">管理角色</form:option>
<form:option value="user">普通角色</form:option>
</form:select>
<span class="help-inline" title="activiti有3种预定义的组类型security-role、assignment、user 如果使用Activiti Explorer需要security-role才能看到manage页签需要assignment才能claim任务">
工作流组用户组类型任务分配assignment、管理角色security-role、普通角色user</span>
</div>
</div>
<div class="control-group">
<label class="control-label">数据范围:</label>
<div class="controls">
<form:select path="dataScope" class="input-medium">
<form:options items="${fns:getDictList('SYS_DATA_SCOPE')}" itemLabel="itemValue" itemValue="itemCode" htmlEscape="false"/>
</form:select>
<span class="help-inline">特殊情况下,设置为“按明细设置”,可进行跨机构授权</span>
</div>
</div>
<div class="control-group">
<label class="control-label">角色授权:</label>
<div class="controls">
<div id="menuTree" class="ztree" style="margin-top:3px;float:left;"></div>
<form:hidden path="menuIds"/>
</div>
</div>
<div class="control-group">
<label class="control-label">备注:</label>
<div class="controls">
<form:textarea path="remark" htmlEscape="false" rows="3" maxlength="200" class="input-xlarge"/>
</div>
</div>
<div class="form-actions">
<shiro:hasPermission name="sys:role:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;</shiro:hasPermission>
<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
</div>
</form:form>
</body>
</html>

View File

@@ -0,0 +1,29 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>角色管理</title>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="${ctx}/sys/role/">角色列表</a></li>
<shiro:hasPermission name="sys:role:edit"><li><a href="${ctx}/sys/role/form">角色添加</a></li></shiro:hasPermission>
</ul>
<sys:message content="${message}"/>
<table id="contentTable" class="table table-striped table-bordered table-condensed">
<tr><th>角色名称</th><th>数据范围</th><th>描述</th><shiro:hasPermission name="sys:role:edit"><th>操作</th></shiro:hasPermission></tr>
<c:forEach items="${list}" var="role">
<tr>
<td><a href="form?id=${role.id}">${role.name}</a></td>
<td>${fns:getDictLabel('SYS_DATA_SCOPE',role.dataScope,'无')}</td>
<td title="${role.remark}">${fns:abbr(role.remark,30)}</td>
<shiro:hasPermission name="sys:role:edit"><td>
<a href="${ctx}/sys/role/assign?id=${role.id}">分配</a>
<a href="${ctx}/sys/role/form?id=${role.id}">修改</a>
<a href="${ctx}/sys/role/delete?id=${role.id}" onclick="return confirmx('确认要删除该角色吗?', this.href)">删除</a>
</td></shiro:hasPermission>
</tr>
</c:forEach>
</table>
</body>
</html>

View File

@@ -0,0 +1,117 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>分配角色</title>
<link href="${ctxStatic}/jquery-ztree/3.5.12/css/zTreeStyle/zTreeStyle.min.css" rel="stylesheet" type="text/css"/>
<script src="${ctxStatic}/jquery-ztree/3.5.12/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
<script type="text/javascript">
var officeTree;
var selectedTree;//zTree已选择对象
// 初始化
$(document).ready(function(){
officeTree = $.fn.zTree.init($("#officeTree"), setting, officeNodes);
selectedTree = $.fn.zTree.init($("#selectedTree"), setting, selectedNodes);
});
var setting = {view: {selectedMulti:false,nameIsHTML:true,showTitle:false,dblClickExpand:false},
data: {simpleData: {enable: true}},
callback: {onClick: treeOnClick}};
var officeNodes=[
<c:forEach items="${officeList}" var="office">
{id:"${office.id}",
pId:"${not empty office.parent?office.parent.id:0}",
name:"${office.name}"},
</c:forEach>];
var pre_selectedNodes =[
<c:forEach items="${userList}" var="user">
{id:"${user.id}",
pId:"0",
name:"<font color='red' style='font-weight:bold;'>${user.name}</font>"},
</c:forEach>];
var selectedNodes =[
<c:forEach items="${userList}" var="user">
{id:"${user.id}",
pId:"0",
name:"<font color='red' style='font-weight:bold;'>${user.name}</font>"},
</c:forEach>];
var selectedIds = "${selectIds}";
var pre_ids = new Array();
var ids = new Array();
if (selectedIds) {
pre_ids = "${selectIds}".split(",");
ids = "${selectIds}".split(",");
}
//点击选择项回调
function treeOnClick(event, treeId, treeNode, clickFlag){
$.fn.zTree.getZTreeObj(treeId).expandNode(treeNode);
if("officeTree" == treeId) {
$.get("${ctx}/sys/role/users?officeId=" + treeNode.id, function(userNodes){
$.fn.zTree.init($("#userTree"), setting, userNodes);
});
}
if("userTree" == treeId) {
//alert(treeNode.id + " | " + ids);
//alert(typeof ids[0] + " | " + typeof treeNode.id);
if($.inArray(String(treeNode.id), ids)<0){
selectedTree.addNodes(null, treeNode);
ids.push(String(treeNode.id));
}
};
if("selectedTree" == treeId){
if($.inArray(String(treeNode.id), pre_ids)<0){
selectedTree.removeNode(treeNode);
ids.splice($.inArray(String(treeNode.id), ids), 1);
}else{
top.$.jBox.tip("角色原有成员不能清除!", 'info');
}
}
};
function clearAssign(){
var submit = function (v, h, f) {
if (v == 'ok'){
var tips="";
if(pre_ids.sort().toString() == ids.sort().toString()){
tips = "未给角色【${role.name}】分配新成员!";
}else{
tips = "已选人员清除成功!";
}
ids=pre_ids.slice(0);
selectedNodes=pre_selectedNodes;
$.fn.zTree.init($("#selectedTree"), setting, selectedNodes);
top.$.jBox.tip(tips, 'info');
} else if (v == 'cancel'){
// 取消
top.$.jBox.tip("取消清除操作!", 'info');
}
return true;
};
tips="确定清除角色【${role.name}】下的已选人员?";
top.$.jBox.confirm(tips, "清除确认", submit);
};
</script>
</head>
<body>
<div id="assignRole" class="row-fluid span12">
<div class="span4" style="border-right: 1px solid #A8A8A8;">
<p>所在部门:</p>
<div id="officeTree" class="ztree"></div>
</div>
<div class="span3">
<p>待选人员:</p>
<div id="userTree" class="ztree"></div>
</div>
<div class="span3" style="padding-left:16px;border-left: 1px solid #A8A8A8;">
<p>已选人员:</p>
<div id="selectedTree" class="ztree"></div>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,64 @@
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>SpringMVC Test</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#testJson").click(function(){
$.post("${pageContext.request.contextPath}/helloworld/testJson",{},function(data){
var menuName="";
for(var i=0;i<data.length;i++){
menuName+=data[i].menuName+"_";
}
});
});
});
</script>
</head>
<body>
<a href="javascript:void(0);" id="testJson">testJSON</a>
<br/>
<a href="/SpringMvc4.1/helloworld/hello">testMVC</a>
<form action="/SpringMvc4.1/helloworld/testMethod" method="post">
<input type="submit" value="testMethod"/>
</form>
<a href="/SpringMvc4.1/helloworld/testParams?username=darnell&age=11">testparams</a>
<a href="/SpringMvc4.1/helloworld/testAntPath/abc/test">testANtpath1</a>
<a href="/SpringMvc4.1/helloworld/testAntPath/test">testANtpath1</a>
<br/>
<a href="/SpringMvc4.1/helloworld/testPathVariable/100">testPathVariable</a>
<a href="/SpringMvc4.1/helloworld/testRequestParam?username=darnell&age=28">testRequestParam</a>
<form action="/SpringMvc4.1/helloworld/testpojo" method="post">
username:<input type="text" name="username"/><br/>
passowrd:<input type="password" name="password"/><br/>
email:<input type="text" name="email"/><br/>
age:<input type="text" name="age"/><br/>
city:<input type="text" name="address.city"/><br/>
province:<input type="text" name="address.province"/><br/>
<input type="submit" name="sumit pojo"/><br/>
</form>
<br/>
<a href="/SpringMvc4.1/helloworld/testModelAndView">testModelAndView</a>
<a href="/SpringMvc4.1/helloworld/testMap">testMap</a>
<a href="/SpringMvc4.1/helloworld/testSessionAttribute">testSessionAttribute</a>
</body>
</html>

View File

@@ -0,0 +1,360 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>图标选择</title>
<style type="text/css">
.page-header {clear:both;margin:0 20px;padding-top:20px;}
.the-icons {padding:25px 10px 15px;list-style:none;}
.the-icons li {float:left;width:22%;line-height:25px;margin:2px 5px;cursor:pointer;}
.the-icons i {margin:1px 5px;font-size:16px;} .the-icons li:hover {background-color:#efefef;}
.the-icons li.active {background-color:#0088CC;color:#ffffff;}
.the-icons li:hover i{font-size:20px;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#icons li").click(function(){
$("#icons li").removeClass("active");
$("#icons li i").removeClass("icon-white");
$(this).addClass("active");
$(this).children("i").addClass("icon-white");
$("#icon").val($(this).text());
});
$("#icons li").each(function(){
if ($(this).text()=="${value}"){
$(this).click();
}
});
$("#icons li").dblclick(function(){
top.$.jBox.getBox().find("button[value='ok']").trigger("click");
});
});
</script>
</head>
<body>
<input type="hidden" id="icon" value="${value}" />
<div id="icons">
<h2 class="page-header"> Web 应用的图标</h2>
<ul class="the-icons">
<li><i class="icon-adjust"></i> icon-adjust</li>
<li><i class="icon-asterisk"></i> icon-asterisk</li>
<li><i class="icon-ban-circle"></i> icon-ban-circle</li>
<li><i class="icon-bar-chart"></i> icon-bar-chart</li>
<li><i class="icon-barcode"></i> icon-barcode</li>
<li><i class="icon-beaker"></i> icon-beaker</li>
<li><i class="icon-beer"></i> icon-beer</li>
<li><i class="icon-bell"></i> icon-bell</li>
<li><i class="icon-bell-alt"></i> icon-bell-alt</li>
<li><i class="icon-bolt"></i> icon-bolt</li>
<li><i class="icon-book"></i> icon-book</li>
<li><i class="icon-bookmark"></i> icon-bookmark</li>
<li><i class="icon-bookmark-empty"></i> icon-bookmark-empty</li>
<li><i class="icon-briefcase"></i> icon-briefcase</li>
<li><i class="icon-bullhorn"></i> icon-bullhorn</li>
<li><i class="icon-calendar"></i> icon-calendar</li>
<li><i class="icon-camera"></i> icon-camera</li>
<li><i class="icon-camera-retro"></i> icon-camera-retro</li>
<li><i class="icon-certificate"></i> icon-certificate</li>
<li><i class="icon-check"></i> icon-check</li>
<li><i class="icon-check-empty"></i> icon-check-empty</li>
<li><i class="icon-circle"></i> icon-circle</li>
<li><i class="icon-circle-blank"></i> icon-circle-blank</li>
<li><i class="icon-cloud"></i> icon-cloud</li>
<li><i class="icon-cloud-download"></i> icon-cloud-download</li>
<li><i class="icon-cloud-upload"></i> icon-cloud-upload</li>
<li><i class="icon-coffee"></i> icon-coffee</li>
<li><i class="icon-cog"></i> icon-cog</li>
<li><i class="icon-cogs"></i> icon-cogs</li>
<li><i class="icon-comment"></i> icon-comment</li>
<li><i class="icon-comment-alt"></i> icon-comment-alt</li>
<li><i class="icon-comments"></i> icon-comments</li>
<li><i class="icon-comments-alt"></i> icon-comments-alt</li>
<li><i class="icon-credit-card"></i> icon-credit-card</li>
<li><i class="icon-dashboard"></i> icon-dashboard</li>
<li><i class="icon-desktop"></i> icon-desktop</li>
<li><i class="icon-download"></i> icon-download</li>
<li><i class="icon-download-alt"></i> icon-download-alt</li>
<li><i class="icon-edit"></i> icon-edit</li>
<li><i class="icon-envelope"></i> icon-envelope</li>
<li><i class="icon-envelope-alt"></i> icon-envelope-alt</li>
<li><i class="icon-exchange"></i> icon-exchange</li>
<li><i class="icon-exclamation-sign"></i> icon-exclamation-sign</li>
<li><i class="icon-external-link"></i> icon-external-link</li>
<li><i class="icon-eye-close"></i> icon-eye-close</li>
<li><i class="icon-eye-open"></i> icon-eye-open</li>
<li><i class="icon-facetime-video"></i> icon-facetime-video</li>
<li><i class="icon-fighter-jet"></i> icon-fighter-jet</li>
<li><i class="icon-film"></i> icon-film</li>
<li><i class="icon-filter"></i> icon-filter</li>
<li><i class="icon-fire"></i> icon-fire</li>
<li><i class="icon-flag"></i> icon-flag</li>
<li><i class="icon-folder-close"></i> icon-folder-close</li>
<li><i class="icon-folder-open"></i> icon-folder-open</li>
<li><i class="icon-folder-close-alt"></i> icon-folder-close-alt</li>
<li><i class="icon-folder-open-alt"></i> icon-folder-open-alt</li>
<li><i class="icon-food"></i> icon-food</li>
<li><i class="icon-gift"></i> icon-gift</li>
<li><i class="icon-glass"></i> icon-glass</li>
<li><i class="icon-globe"></i> icon-globe</li>
<li><i class="icon-group"></i> icon-group</li>
<li><i class="icon-hdd"></i> icon-hdd</li>
<li><i class="icon-headphones"></i> icon-headphones</li>
<li><i class="icon-heart"></i> icon-heart</li>
<li><i class="icon-heart-empty"></i> icon-heart-empty</li>
<li><i class="icon-home"></i> icon-home</li>
<li><i class="icon-inbox"></i> icon-inbox</li>
<li><i class="icon-info-sign"></i> icon-info-sign</li>
<li><i class="icon-key"></i> icon-key</li>
<li><i class="icon-leaf"></i> icon-leaf</li>
<li><i class="icon-laptop"></i> icon-laptop</li>
<li><i class="icon-legal"></i> icon-legal</li>
<li><i class="icon-lemon"></i> icon-lemon</li>
<li><i class="icon-lightbulb"></i> icon-lightbulb</li>
<li><i class="icon-lock"></i> icon-lock</li>
<li><i class="icon-unlock"></i> icon-unlock</li>
<li><i class="icon-magic"></i> icon-magic</li>
<li><i class="icon-magnet"></i> icon-magnet</li>
<li><i class="icon-map-marker"></i> icon-map-marker</li>
<li><i class="icon-minus"></i> icon-minus</li>
<li><i class="icon-minus-sign"></i> icon-minus-sign</li>
<li><i class="icon-mobile-phone"></i> icon-mobile-phone</li>
<li><i class="icon-money"></i> icon-money</li>
<li><i class="icon-move"></i> icon-move</li>
<li><i class="icon-music"></i> icon-music</li>
<li><i class="icon-off"></i> icon-off</li>
<li><i class="icon-ok"></i> icon-ok</li>
<li><i class="icon-ok-circle"></i> icon-ok-circle</li>
<li><i class="icon-ok-sign"></i> icon-ok-sign</li>
<li><i class="icon-pencil"></i> icon-pencil</li>
<li><i class="icon-picture"></i> icon-picture</li>
<li><i class="icon-plane"></i> icon-plane</li>
<li><i class="icon-plus"></i> icon-plus</li>
<li><i class="icon-plus-sign"></i> icon-plus-sign</li>
<li><i class="icon-print"></i> icon-print</li>
<li><i class="icon-pushpin"></i> icon-pushpin</li>
<li><i class="icon-qrcode"></i> icon-qrcode</li>
<li><i class="icon-question-sign"></i> icon-question-sign</li>
<li><i class="icon-quote-left"></i> icon-quote-left</li>
<li><i class="icon-quote-right"></i> icon-quote-right</li>
<li><i class="icon-random"></i> icon-random</li>
<li><i class="icon-refresh"></i> icon-refresh</li>
<li><i class="icon-remove"></i> icon-remove</li>
<li><i class="icon-remove-circle"></i> icon-remove-circle</li>
<li><i class="icon-remove-sign"></i> icon-remove-sign</li>
<li><i class="icon-reorder"></i> icon-reorder</li>
<li><i class="icon-reply"></i> icon-reply</li>
<li><i class="icon-resize-horizontal"></i> icon-resize-horizontal</li>
<li><i class="icon-resize-vertical"></i> icon-resize-vertical</li>
<li><i class="icon-retweet"></i> icon-retweet</li>
<li><i class="icon-road"></i> icon-road</li>
<li><i class="icon-rss"></i> icon-rss</li>
<li><i class="icon-screenshot"></i> icon-screenshot</li>
<li><i class="icon-search"></i> icon-search</li>
<li><i class="icon-share"></i> icon-share</li>
<li><i class="icon-share-alt"></i> icon-share-alt</li>
<li><i class="icon-shopping-cart"></i> icon-shopping-cart</li>
<li><i class="icon-signal"></i> icon-signal</li>
<li><i class="icon-signin"></i> icon-signin</li>
<li><i class="icon-signout"></i> icon-signout</li>
<li><i class="icon-sitemap"></i> icon-sitemap</li>
<li><i class="icon-sort"></i> icon-sort</li>
<li><i class="icon-sort-down"></i> icon-sort-down</li>
<li><i class="icon-sort-up"></i> icon-sort-up</li>
<li><i class="icon-spinner"></i> icon-spinner</li>
<li><i class="icon-star"></i> icon-star</li>
<li><i class="icon-star-empty"></i> icon-star-empty</li>
<li><i class="icon-star-half"></i> icon-star-half</li>
<li><i class="icon-tablet"></i> icon-tablet</li>
<li><i class="icon-tag"></i> icon-tag</li>
<li><i class="icon-tags"></i> icon-tags</li>
<li><i class="icon-tasks"></i> icon-tasks</li>
<li><i class="icon-thumbs-down"></i> icon-thumbs-down</li>
<li><i class="icon-thumbs-up"></i> icon-thumbs-up</li>
<li><i class="icon-time"></i> icon-time</li>
<li><i class="icon-tint"></i> icon-tint</li>
<li><i class="icon-trash"></i> icon-trash</li>
<li><i class="icon-trophy"></i> icon-trophy</li>
<li><i class="icon-truck"></i> icon-truck</li>
<li><i class="icon-umbrella"></i> icon-umbrella</li>
<li><i class="icon-upload"></i> icon-upload</li>
<li><i class="icon-upload-alt"></i> icon-upload-alt</li>
<li><i class="icon-user"></i> icon-user</li>
<li><i class="icon-user-md"></i> icon-user-md</li>
<li><i class="icon-volume-off"></i> icon-volume-off</li>
<li><i class="icon-volume-down"></i> icon-volume-down</li>
<li><i class="icon-volume-up"></i> icon-volume-up</li>
<li><i class="icon-warning-sign"></i> icon-warning-sign</li>
<li><i class="icon-wrench"></i> icon-wrench</li>
<li><i class="icon-zoom-in"></i> icon-zoom-in</li>
<li><i class="icon-zoom-out"></i> icon-zoom-out</li>
</ul>
<h2 class="page-header">文本编辑器图标</h2>
<ul class="the-icons">
<li><i class="icon-file"></i> icon-file</li>
<li><i class="icon-file-alt"></i> icon-file-alt</li>
<li><i class="icon-cut"></i> icon-cut</li>
<li><i class="icon-copy"></i> icon-copy</li>
<li><i class="icon-paste"></i> icon-paste</li>
<li><i class="icon-save"></i> icon-save</li>
<li><i class="icon-undo"></i> icon-undo</li>
<li><i class="icon-repeat"></i> icon-repeat</li>
<li><i class="icon-text-height"></i> icon-text-height</li>
<li><i class="icon-text-width"></i> icon-text-width</li>
<li><i class="icon-align-left"></i> icon-align-left</li>
<li><i class="icon-align-center"></i> icon-align-center</li>
<li><i class="icon-align-right"></i> icon-align-right</li>
<li><i class="icon-align-justify"></i> icon-align-justify</li>
<li><i class="icon-indent-left"></i> icon-indent-left</li>
<li><i class="icon-indent-right"></i> icon-indent-right</li>
<li><i class="icon-font"></i> icon-font</li>
<li><i class="icon-bold"></i> icon-bold</li>
<li><i class="icon-italic"></i> icon-italic</li>
<li><i class="icon-strikethrough"></i> icon-strikethrough</li>
<li><i class="icon-underline"></i> icon-underline</li>
<li><i class="icon-link"></i> icon-link</li>
<li><i class="icon-paper-clip"></i> icon-paper-clip</li>
<li><i class="icon-columns"></i> icon-columns</li>
<li><i class="icon-table"></i> icon-table</li>
<li><i class="icon-th-large"></i> icon-th-large</li>
<li><i class="icon-th"></i> icon-th</li>
<li><i class="icon-th-list"></i> icon-th-list</li>
<li><i class="icon-list"></i> icon-list</li>
<li><i class="icon-list-ol"></i> icon-list-ol</li>
<li><i class="icon-list-ul"></i> icon-list-ul</li>
<li><i class="icon-list-alt"></i> icon-list-alt</li>
</ul>
<h2 class="page-header">指示方向的图标</h2>
<ul class="the-icons">
<li><i class="icon-angle-left"></i> icon-angle-left</li>
<li><i class="icon-angle-right"></i> icon-angle-right</li>
<li><i class="icon-angle-up"></i> icon-angle-up</li>
<li><i class="icon-angle-down"></i> icon-angle-down</li>
<li><i class="icon-arrow-down"></i> icon-arrow-down</li>
<li><i class="icon-arrow-left"></i> icon-arrow-left</li>
<li><i class="icon-arrow-right"></i> icon-arrow-right</li>
<li><i class="icon-arrow-up"></i> icon-arrow-up</li>
<li><i class="icon-caret-down"></i> icon-caret-down</li>
<li><i class="icon-caret-left"></i> icon-caret-left</li>
<li><i class="icon-caret-right"></i> icon-caret-right</li>
<li><i class="icon-caret-up"></i> icon-caret-up</li>
<li><i class="icon-chevron-down"></i> icon-chevron-down</li>
<li><i class="icon-chevron-left"></i> icon-chevron-left</li>
<li><i class="icon-chevron-right"></i> icon-chevron-right</li>
<li><i class="icon-chevron-up"></i> icon-chevron-up</li>
<li><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</li>
<li><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</li>
<li><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</li>
<li><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</li>
<li><i class="icon-double-angle-left"></i> icon-double-angle-left</li>
<li><i class="icon-double-angle-right"></i> icon-double-angle-right</li>
<li><i class="icon-double-angle-up"></i> icon-double-angle-up</li>
<li><i class="icon-double-angle-down"></i> icon-double-angle-down</li>
<li><i class="icon-hand-down"></i> icon-hand-down</li>
<li><i class="icon-hand-left"></i> icon-hand-left</li>
<li><i class="icon-hand-right"></i> icon-hand-right</li>
<li><i class="icon-hand-up"></i> icon-hand-up</li>
<li><i class="icon-circle"></i> icon-circle</li>
<li><i class="icon-circle-blank"></i> icon-circle-blank</li>
</ul>
<h2 class="page-header">视频播放器图标</h2>
<ul class="the-icons">
<li><i class="icon-play-circle"></i> icon-play-circle</li>
<li><i class="icon-play"></i> icon-play</li>
<li><i class="icon-pause"></i> icon-pause</li>
<li><i class="icon-stop"></i> icon-stop</li>
<li><i class="icon-step-backward"></i> icon-step-backward</li>
<li><i class="icon-fast-backward"></i> icon-fast-backward</li>
<li><i class="icon-backward"></i> icon-backward</li>
<li><i class="icon-forward"></i> icon-forward</li>
<li><i class="icon-fast-forward"></i> icon-fast-forward</li>
<li><i class="icon-step-forward"></i> icon-step-forward</li>
<li><i class="icon-eject"></i> icon-eject</li>
<li><i class="icon-fullscreen"></i> icon-fullscreen</li>
<li><i class="icon-resize-full"></i> icon-resize-full</li>
<li><i class="icon-resize-small"></i> icon-resize-small</li>
</ul>
<h2 class="page-header">SNS图标</h2>
<ul class="the-icons">
<li><i class="icon-phone"></i> icon-phone</li>
<li><i class="icon-phone-sign"></i> icon-phone-sign</li>
<li><i class="icon-facebook"></i> icon-facebook</li>
<li><i class="icon-facebook-sign"></i> icon-facebook-sign</li>
<li><i class="icon-twitter"></i> icon-twitter</li>
<li><i class="icon-twitter-sign"></i> icon-twitter-sign</li>
<li><i class="icon-github"></i> icon-github</li>
<li><i class="icon-github-alt"></i> icon-github-alt</li>
<li><i class="icon-github-sign"></i> icon-github-sign</li>
<li><i class="icon-linkedin"></i> icon-linkedin</li>
<li><i class="icon-linkedin-sign"></i> icon-linkedin-sign</li>
<li><i class="icon-pinterest"></i> icon-pinterest</li>
<li><i class="icon-pinterest-sign"></i> icon-pinterest-sign</li>
<li><i class="icon-google-plus"></i> icon-google-plus</li>
<li><i class="icon-google-plus-sign"></i> icon-google-plus-sign</li>
<li><i class="icon-sign-blank"></i> icon-sign-blank</li>
</ul>
<h2 class="page-header">医疗图标</h2>
<ul class="the-icons">
<li><i class="icon-ambulance"></i> icon-ambulance</li>
<li><i class="icon-beaker"></i> icon-beaker</li>
<li><i class="icon-h-sign"></i> icon-h-sign</li>
<li><i class="icon-hospital"></i> icon-hospital</li>
<li><i class="icon-medkit"></i> icon-medkit</li>
<li><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</li>
<li><i class="icon-stethoscope"></i> icon-stethoscope</li>
<li><i class="icon-user-md"></i> icon-user-md</li>
</ul>
<br/><br/>
</div>
</body>

View File

@@ -0,0 +1,197 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>数据选择</title>
<link href="${pageContext.request.contextPath }/static/jquery-ztree/3.5.12/css/zTreeStyle/zTreeStyle.min.css" rel="stylesheet" type="text/css"/>
<script src="${pageContext.request.contextPath }/static/jquery-ztree/3.5.12/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
<script type="text/javascript">
var key, lastValue = "", nodeList = [], type = getQueryString("type", "${url}");
var tree, setting = {view:{selectedMulti:false,dblClickExpand:false},check:{enable:"${checked}",nocheckInherit:true},
async:{enable:(type==6),url:"${ctx}/sys/user/treeData",autoParam:["id=officeId"]},
data:{simpleData:{enable:true}},callback:{
//beforeClick: function(treeId, treeNode){
//if("${checked}" == "true"){
//tree.checkNode(treeNode, !node.checked, true, true);
//tree.expandNode(treeNode, true, false, false);
//}
//},
onClick:function(event, treeId, treeNode){
tree.expandNode(treeNode);
},onCheck: function(e, treeId, treeNode){
var nodes = tree.getCheckedNodes(true);
for (var i=0, l=nodes.length; i<l; i++) {
tree.expandNode(nodes[i], true, false, false);
}
return false;
},onAsyncSuccess: function(event, treeId, treeNode, msg){
var nodes = tree.getNodesByParam("pId", treeNode.id, null);
for (var i=0, l=nodes.length; i<l; i++) {
try{tree.checkNode(nodes[i], treeNode.checked, true);}catch(e){}
//tree.selectNode(nodes[i], false);
}
selectCheckNode();
},onDblClick: function(){//<c:if test="${!checked}">
top.$.jBox.getBox().find("button[value='ok']").trigger("click");
//$("input[type='text']", top.mainFrame.document).focus();//</c:if>
}
}
};
function expandNodes(nodes) {
if (!nodes) return;
for (var i=0, l=nodes.length; i<l; i++) {
tree.expandNode(nodes[i], true, false, false);
if (nodes[i].isParent && nodes[i].zAsync) {
expandNodes(nodes[i].children);
}
}
}
$(document).ready(function(){
$.get("${ctx}${url}${fn:indexOf(url,'?')==-1?'?':'&'}&extId=${extId}&isAll=${isAll}&module=${module}&t="
+ new Date().getTime(), function(zNodes){
// 初始化树结构
tree = $.fn.zTree.init($("#tree"), setting, zNodes);
// 默认展开一级节点
var nodes = tree.getNodesByParam("level", 0);
for(var i=0; i<nodes.length; i++) {
tree.expandNode(nodes[i], true, false, false);
}
//异步加载子节点(加载用户)
var nodesOne = tree.getNodesByParam("isParent", true);
for(var j=0; j<nodesOne.length; j++) {
tree.reAsyncChildNodes(nodesOne[j],"!refresh",true);
}
selectCheckNode();
});
key = $("#key");
key.bind("focus", focusKey).bind("blur", blurKey).bind("change cut input propertychange", searchNode);
key.bind('keydown', function (e){if(e.which == 13){searchNode();}});
setTimeout("search();", "300");
});
// 默认选择节点
function selectCheckNode(){
var ids = "${selectIds}".split(",");
for(var i=0; i<ids.length; i++) {
var node = tree.getNodeByParam("id", (type==3?"u_":"")+ids[i]);
if("${checked}" == "true"){
try{tree.checkNode(node, true, true);}catch(e){}
tree.selectNode(node, false);
}else{
tree.selectNode(node, true);
}
}
}
function focusKey(e) {
if (key.hasClass("empty")) {
key.removeClass("empty");
}
}
function blurKey(e) {
if (key.get(0).value === "") {
key.addClass("empty");
}
searchNode(e);
}
//搜索节点
function searchNode() {
// 取得输入的关键字的值
var value = $.trim(key.get(0).value);
// 按名字查询
var keyType = "name";<%--
if (key.hasClass("empty")) {
value = "";
}--%>
// 如果和上次一次,就退出不查了。
if (lastValue === value) {
return;
}
// 保存最后一次
lastValue = value;
var nodes = tree.getNodes();
// 如果要查空字串,就退出不查了。
if (value == "") {
showAllNode(nodes);
return;
}
hideAllNode(nodes);
nodeList = tree.getNodesByParamFuzzy(keyType, value);
updateNodes(nodeList);
}
//隐藏所有节点
function hideAllNode(nodes){
nodes = tree.transformToArray(nodes);
for(var i=nodes.length-1; i>=0; i--) {
tree.hideNode(nodes[i]);
}
}
//显示所有节点
function showAllNode(nodes){
nodes = tree.transformToArray(nodes);
for(var i=nodes.length-1; i>=0; i--) {
/* if(!nodes[i].isParent){
tree.showNode(nodes[i]);
}else{ */
if(nodes[i].getParentNode()!=null){
tree.expandNode(nodes[i],false,false,false,false);
}else{
tree.expandNode(nodes[i],true,true,false,false);
}
tree.showNode(nodes[i]);
showAllNode(nodes[i].children);
/* } */
}
}
//更新节点状态
function updateNodes(nodeList) {
tree.showNodes(nodeList);
for(var i=0, l=nodeList.length; i<l; i++) {
//展开当前节点的父节点
tree.showNode(nodeList[i].getParentNode());
//tree.expandNode(nodeList[i].getParentNode(), true, false, false);
//显示展开符合条件节点的父节点
while(nodeList[i].getParentNode()!=null){
tree.expandNode(nodeList[i].getParentNode(), true, false, false);
nodeList[i] = nodeList[i].getParentNode();
tree.showNode(nodeList[i].getParentNode());
}
//显示根节点
tree.showNode(nodeList[i].getParentNode());
//展开根节点
tree.expandNode(nodeList[i].getParentNode(), true, false, false);
}
}
// 开始搜索
function search() {
$("#search").slideToggle(200);
$("#txt").toggle();
$("#key").focus();
}
</script>
</head>
<body>
<!--
<div style="position:absolute;right:8px;top:5px;cursor:pointer;" onclick="search();">
<i class="icon-search"></i><label id="txt">搜索</label>
</div> -->
<div id="search" class="form-search hide" style="padding:10px 0 0 13px;">
<label for="key" class="control-label" style="padding:5px 5px 3px 0;">关键字:</label>
<input type="text" class="empty" id="key" name="key" maxlength="50" style="width:110px;">
<button class="btn" id="btn" onclick="searchNode()"> <i class="icon-search"></i> &nbsp;搜索 </button>
</div>
<div id="tree" class="ztree" style="padding:15px 20px;"></div>
</body>

View File

@@ -0,0 +1,190 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>待办事项</title>
<script type="text/javascript">
$(document).ready(function() {
//参数设置,若用默认值可以省略以下面代
toastr.options = {
"closeButton": true, //是否显示关闭按钮
"debug": false, //是否使用debug模式
"progressBar": false,
"positionClass": "toast-bottom-right",//弹出窗的位置
"showDuration": "300",//显示的动画时间
"hideDuration": "1000",//消失的动画时间
"timeOut": "300000", //展现时间
"extendedTimeOut": "1000",//加长展示时间
"showEasing": "swing",//显示时的动画缓冲方式
"hideEasing": "linear",//消失时的动画缓冲方式
"showMethod": "fadeIn",//显示时的动画方式
"hideMethod": "fadeOut" //消失时的动画方式
};
ajaxToastr();
setInterval(function(){
ajaxToastr();
},300000);
function ajaxToastr() {
toastr.remove();
$.ajax({
type:'post',
url:'${ctx}/sys/user/ajaxToastr',
async: false,
dataType:'text',
success:function(data){
if(!(data==null || data=="")) {
toastr.info(data,"提醒");
}
}
});
}
$(".tabbable ul li a").click(function(){
var todo = $(this).attr("todo");
var caseIds = $(this).attr("caseIds");
var src= "";
if(todo=="待提交") {
src = "${ctx}/letter/reg/list";
}else if(todo=="待处理") {
src = "${ctx}/letter/process/acceptList";
}else if(todo=="待审批") {
src = "${ctx}/letter/process/approvalList";
}else if(todo=="待办理") {
src = "${ctx}/letter/process/workList";
}else if(todo=="待办结审核") {
src = "${ctx}/letter/process/completeApprovalList";
}
$("#todoContentFrame").attr("src",src+"?caseIds="+caseIds);
});
//默认选中第一个tab
$(".tabbable ul li a:first").click();
})
var browserVersion = window.navigator.userAgent.toUpperCase();
var isOpera = false;
var isFireFox = false;
var isChrome = false;
var isSafari = false;
var isIE = false;
var iframeTime;
function reinitIframe(iframeId, minHeight) {
try {
var iframe = document.getElementById(iframeId);
var bHeight = 0;
if (isChrome == false && isSafari == false)
bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = 0;
if (isFireFox == true)
dHeight = iframe.contentWindow.document.documentElement.offsetHeight + 2;
else if (isIE == false && isOpera == false)
dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
else
bHeight += 3;
var height = Math.max(bHeight, dHeight);
if (height < minHeight) height = minHeight;
iframe.style.height = height + "px";
} catch (ex) { }
}
function startInit(iframeId, minHeight) {
isOpera = browserVersion.indexOf("OPERA") > -1 ? true : false;
isFireFox = browserVersion.indexOf("FIREFOX") > -1 ? true : false;
isChrome = browserVersion.indexOf("CHROME") > -1 ? true : false;
isSafari = browserVersion.indexOf("SAFARI") > -1 ? true : false;
if (!!window.ActiveXObject || "ActiveXObject" in window)
isIE = true;
reinitIframe(iframeId, minHeight);
if (iframeTime != null)
clearInterval(iframeTime)
iframeTime = window.setInterval("reinitIframe('" + iframeId + "'," + minHeight + ")", 100);
}
startInit('todoContentFrame', 560);
</script>
<style type="text/css">
/*tab项覆盖样式*/
.nav-tabs > li.active {
border-top: 0px;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
border:0px;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
color: #fff;
cursor: default;
background-color: #27A9E3;
border-bottom-color: transparent;
}
</style>
</head>
<body>
<sys:message content="${message}"/>
<!--BEGIN TABS-->
<div class="tabbable tabbable-custom">
<c:choose>
<c:when test="${fn:length(todoMap)>0}">
<ul class="nav nav-tabs">
<c:forEach items="${todoMap}" var="todoMap">
<li><a href="#tab_${todoMap.key }" todo="${todoMap.key }"
caseIds="${todoMap.value }" data-toggle="tab">${todoMap.key }(${fn:length(fn:split(todoMap.value,','))})</a></li>
</c:forEach>
</ul>
<div class="tab-content">
<iframe id="todoContentFrame" name="todoContentFrame" scrolling="no" frameborder="no" width="100%" height="900px">
</div>
</c:when>
<c:otherwise>
&nbsp;&nbsp;暂无待办事项
</c:otherwise>
</c:choose>
</div>
<!--END TABS-->
</body>
</html>

View File

@@ -0,0 +1,198 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>用户管理</title>
<script type="text/javascript">
$(document).ready(function() {
$("#no").focus();
$("#inputForm").validate({
rules: {
loginId: {remote: "${ctx}/sys/user/checkLoginName?oldLoginId=" + encodeURIComponent('${user.loginId}')},
'office.name': {officeIsValid: true }
},
messages: {
loginId: {remote: "用户登录名已存在"},
'office.name': {officeIsValid: "部门不再公司范围内"},
'entity.name': {required: "需选择所在单位"},
confirmNewPassword: {equalTo: "输入与上面相同的密码"}
},
submitHandler: function(form){
loading('正在提交,请稍等...');
form.submit();
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误,请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
var isValid;//是否有效
$.validator.addMethod(
"officeIsValid",
function(value, element,param) {
var companyId=$("#companyId").val();
var officeId=$("#officeId").val();
if(param){
$.ajax({
type:'post',
url:'${ctx}/sys/user/checkOffice',
data:{officeId:officeId, companyId:companyId},
dataType:'text',
async:false,
success:function (data,textStatus){
if(textStatus=="success"){
if(data=='true'){
isValid= true;
}else {
isValid= false;
}
}
}
});
return isValid;
}
}
);
});
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li><a href="${ctx}/sys/user/list">用户列表</a></li>
<li class="active"><a href="${ctx}/sys/user/form?id=${user.id}">用户
<shiro:hasPermission name="sys:user:edit"></shiro:hasPermission>${not empty user.id?'修改':'添加'}
<shiro:lacksPermission name="sys:user:edit">查看</shiro:lacksPermission>
</a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="sysUser" action="${ctx}/sys/user/saveOrUpdate" method="post" class="form-horizontal">
<form:hidden path="id"/>
<sys:message content="${message}"/>
<div class="control-group">
<label class="control-label">头像:</label>
<div class="controls">
<form:hidden id="nameImage" path="photo" htmlEscape="false" maxlength="255" class="input-xlarge"/>
<sys:ckfinder input="nameImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
</div>
</div>
<div class="control-group">
<label class="control-label">登录名:</label>
<div class="controls">
<input id="oldLoginId" name="oldLoginId" type="hidden" value="${user.loginId}">
<c:if test="${not empty user.id}" var="exisitUser">
<form:input path="loginId" htmlEscape="false" maxlength="50" readonly="true" class="required userName"/>
</c:if>
<c:if test="${!exisitUser}">
<form:input path="loginId" htmlEscape="false" maxlength="50" class="required userName"/>
</c:if>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
<label class="control-label">归属公司:</label>
<div class="controls">
<sys:treeselect id="company" name="company.id" value="${user.company.id}" labelName="company.name" labelValue="${user.company.name}"
title="公司" url="/sys/office/treeData?type=1" cssClass="required" notAllowSelectRoot="true"/>
</div>
</div>
<div class="control-group">
<label class="control-label">归属单位:</label>
<div class="controls">
<sys:treeselect id="entity" name="entity.id" value="${user.entity.id}" labelName="entity.name" labelValue="${user.entity.name}"
title="单位" url="/sys/office/treeData?type=2" cssClass="required" notAllowSelectRoot="true"/>
</div>
</div>
<div class="control-group">
<label class="control-label">归属部门:</label>
<div class="controls">
<sys:treeselect id="office" name="office.id" value="${user.office.id}" labelName="office.name" labelValue="${user.office.name}"
title="部门" url="/sys/office/treeData?type=3" cssClass="required" notAllowSelectRoot="true"/>
</div>
</div>
<div class="control-group">
<label class="control-label">姓名:</label>
<div class="controls">
<form:input path="name" htmlEscape="false" maxlength="50" class="required"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
<label class="control-label">密码:</label>
<div class="controls">
<input id="newPassword" name="newPassword" type="password" value="" maxlength="50" minlength="3" class="${empty user.id?'required':''}"/>
<c:if test="${empty user.id}"><span class="help-inline"><font color="red">*</font> </span></c:if>
<c:if test="${not empty user.id}"><span class="help-inline">若不修改密码,请留空。</span></c:if>
</div>
</div>
<div class="control-group">
<label class="control-label">确认密码:</label>
<div class="controls">
<input id="confirmNewPassword" name="confirmNewPassword" type="password" value="" maxlength="50" minlength="3" equalTo="#newPassword"/>
<c:if test="${empty user.id}"><span class="help-inline"><font color="red">*</font> </span></c:if>
</div>
</div>
<div class="control-group">
<label class="control-label">身份标识:</label>
<div class="controls">
<form:select path="identity" class="input-medium">
<form:option value="0">普通人员</form:option>
<form:option value="1">管理人员</form:option>
</form:select>
<span class="help-inline">管理人员需指定身份标识为“管理人员”,否则影响信访审核流程!</span>
</div>
</div>
<div class="control-group">
<label class="control-label">邮箱:</label>
<div class="controls">
<form:input path="email" htmlEscape="false" maxlength="100" class="required email"/><span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
<label class="control-label">用户角色:</label>
<div class="controls">
<form:checkboxes path="roleIdList" items="${allRoles}" itemLabel="name" itemValue="id" htmlEscape="false" class="required"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<c:if test="${not empty user.id}">
<div class="control-group">
<label class="control-label">创建时间:</label>
<div class="controls">
<label class="lbl"><fmt:formatDate value="${user.createTime}" type="both" dateStyle="full"/></label>
</div>
</div>
</c:if>
<div class="form-actions">
<shiro:hasPermission name="sys:user:edit"></shiro:hasPermission>
<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;
<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
</div>
</form:form>
</body>
</html>

View File

@@ -0,0 +1,64 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户管理</title>
<style type="text/css">
.ztree {overflow:auto;margin:0;_margin-top:10px;padding:10px 0 0 10px;}
</style>
<link href="${ctxStatic}/jquery-ztree/3.5.12/css/zTreeStyle/zTreeStyle.min.css" rel="stylesheet" type="text/css"/>
<script src="${ctxStatic}/jquery-ztree/3.5.12/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
</head>
<body>
<sys:message content="${message}"/>
<div id="content" class="row-fluid">
<div id="left" class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle">组织机构<i class="icon-refresh pull-right" onclick="refreshTree();"></i></a>
</div>
<div id="ztree" class="ztree"></div>
</div>
<div id="openClose" class="close">&nbsp;</div>
<div id="right">
<iframe id="officeContent" src="${ctx}/sys/user/list" width="100%" height="91%" frameborder="0"></iframe>
</div>
</div>
<script type="text/javascript">
var setting = {data:{simpleData:{enable:true,idKey:"id",pIdKey:"pId",rootPId:'0'}},
callback:{onClick:function(event, treeId, treeNode){
var id = treeNode.id == '0' ? '' :treeNode.id;
$('#officeContent').attr("src","${ctx}/sys/user/list?office.id="+id+"&office.name="+treeNode.name);
}
}
};
function refreshTree(){
$.getJSON("${ctx}/sys/office/treeData",function(data){
var tree = $.fn.zTree.init($("#ztree"), setting, data);
var nodes = tree.getNodesByParam("level", 0);
for(var i=0; i<nodes.length; i++) {
tree.expandNode(nodes[i], true, false, false);
}
});
}
refreshTree();
var leftWidth = 180; // 左侧窗口大小
var htmlObj = $("html"), mainObj = $("#main");
var frameObj = $("#left, #openClose, #right, #right iframe");
function wSize(){
var strs = getWindowSize().toString().split(",");
htmlObj.css({"overflow-x":"hidden", "overflow-y":"hidden"});
mainObj.css("width","auto");
frameObj.height(strs[0] - 5);
var leftWidth = ($("#left").width() < 0 ? 0 : $("#left").width());
$("#right").width($("#content").width()- leftWidth - $("#openClose").width() -5);
$(".ztree").width(leftWidth - 10).height(frameObj.height() - 46);
}
</script>
<script src="${ctxStatic}/common/wsize.min.js" type="text/javascript"></script>
</body>
</html>

View File

@@ -0,0 +1,75 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>个人信息</title>
<script type="text/javascript">
$(document).ready(function() {
$("#inputForm").validate({
submitHandler: function(form){
loading('正在提交,请稍等...');
form.submit();
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误,请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
});
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="${ctx}/sys/user/info">个人信息</a></li>
<li><a href="${ctx}/sys/user/modifyPwd">修改密码</a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="user" action="${ctx}/sys/user/info" method="post" class="form-horizontal">
<sys:message content="${message}"/>
<div class="control-group">
<label class="control-label">头像:</label>
<div class="controls">
<form:hidden id="nameImage" path="photo" htmlEscape="false" maxlength="255" class="input-xlarge"/>
<sys:ckfinder input="nameImage" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
</div>
</div>
<div class="control-group">
<label class="control-label">姓名:</label>
<div class="controls">
<form:input path="name" htmlEscape="false" maxlength="50" class="required" readonly="true"/>
</div>
</div>
<div class="control-group">
<label class="control-label">邮箱:</label>
<div class="controls">
<form:input path="email" htmlEscape="false" maxlength="50" class="email"/>
</div>
</div>
<div class="control-group">
<label class="control-label">用户部门:</label>
<div class="controls">
<label class="lbl">${user.office.name}</label>
</div>
</div>
<div class="control-group">
<label class="control-label">用户角色:</label>
<div class="controls">
<label class="lbl">${user.roleNames}</label>
</div>
</div>
<div class="form-actions">
<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>
</div>
</form:form>
</body>
</html>

View File

@@ -0,0 +1,99 @@
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>用户管理</title>
<script type="text/javascript">
$(document).ready(function() {
$("#btnExport").click(function(){
top.$.jBox.confirm("确认要导出用户数据吗?","系统提示",function(v,h,f){
if(v=="ok"){
$("#searchForm").attr("action","${ctx}/sys/user/export");
$("#searchForm").submit();
}
},{buttonsFocus:1});
top.$('.jbox-body .jbox-icon').css('top','55px');
});
$("#btnImport").click(function(){
$.jBox($("#importBox").html(), {title:"导入数据", buttons:{"关闭":true},
bottomText:"导入文件不能超过5M仅允许导入“xls”或“xlsx”格式文件"});
});
});
function page(n,s){
if(n) $("#pageNo").val(n);
if(s) $("#pageSize").val(s);
$("#searchForm").attr("action","${ctx}/sys/user/list");
$("#searchForm").submit();
return false;
}
</script>
</head>
<body>
<div id="importBox" class="hide">
<form id="importForm" action="${ctx}/sys/user/import" method="post" enctype="multipart/form-data"
class="form-search" style="padding-left:20px;text-align:center;" onsubmit="loading('正在导入,请稍等...');"><br/>
<input id="uploadFile" name="file" type="file" style="width:330px"/><br/><br/>  
<input id="btnImportSubmit" class="btn btn-primary" type="submit" value=" 导 入 "/>
<a href="${ctx}/sys/user/import/template">下载模板</a>
</form>
</div>
<ul class="nav nav-tabs">
<li class="active"><a href="${ctx}/sys/user/list">用户列表</a></li>
<shiro:hasPermission name="sys:user:edit"></shiro:hasPermission>
<li><a href="${ctx}/sys/user/form">用户添加</a></li>
</ul>
<form:form id="searchForm" modelAttribute="sysUser" action="${ctx}/sys/user/list" method="post" class="breadcrumb form-search ">
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
<sys:tableSort id="orderBy" name="orderBy" value="${page.orderBy}" callback="page();"/>
<ul class="ul-form">
<li><label>归属公司:</label><sys:treeselect id="company" name="company.id" value="${user.company.id}" labelName="company.name" labelValue="${user.company.name}"
title="公司" url="/sys/office/treeData?type=1" cssClass="input-small" allowClear="true"/></li>
<li><label>登录名:</label><form:input path="loginId" htmlEscape="false" maxlength="50" class="input-medium"/></li>
<li><label>姓&nbsp;&nbsp;&nbsp;名:</label><form:input path="name" htmlEscape="false" maxlength="50" class="input-medium"/></li>
<li class="clearfix"></li>
<li><label>归属部门:</label><sys:treeselect id="office" name="office.id" value="${user.office.id}" labelName="office.name" labelValue="${user.office.name}"
title="部门" url="/sys/office/treeData?type=3" cssClass="input-small" allowClear="true" notAllowSelectParent="true"/></li>
<li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="查询" onclick="return page();"/>
<input id="btnImport" class="btn btn-success" type="button" value="导入"/>
<input id="btnExport" class="btn btn btn-inverse" type="button" value="导出"/>
</li>
<li class="clearfix"></li>
</ul>
</form:form>
<sys:message content="${message}"/>
<table id="contentTable" class="table table-striped table-bordered table-condensed">
<thead><tr><th>所属公司</th><th>所属部门</th><th class="sort-column login_id">登录名</th><th class="sort-column name">姓名</th><th>身份标识</th><th>邮箱</th><th>创建时间</th><%--<th>角色</th> --%><shiro:hasPermission name="sys:user:edit"><th>操作</th></shiro:hasPermission></tr></thead>
<tbody>
<c:forEach items="${page.list}" var="user">
<tr>
<td>${user.company.name}</td>
<td>${fns:getOfficeDesc(user.office.id)}</td>
<td><a href="${ctx}/sys/user/form?id=${user.id}">${user.loginId}</a></td>
<td>${user.name}</td>
<td>${user.identity eq 1 ?'信访办':'办理人员'}</td>
<td>${user.email}</td>
<td><fmt:formatDate value="${user.createTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
<shiro:hasPermission name="sys:user:edit"></shiro:hasPermission>
<td>
<a href="${ctx}/sys/user/form?id=${user.id}">修改</a>
<a href="${ctx}/sys/user/delete?id=${user.id}" onclick="return confirmx('确认要删除该用户吗?', this.href)">删除</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<div class="pagination">${page}</div>
</body>
</html>

View File

@@ -0,0 +1,66 @@
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/include/taglib.jsp"%>
<html>
<head>
<title>修改密码</title>
<script type="text/javascript">
$(document).ready(function() {
$("#oldPassword").focus();
$("#inputForm").validate({
rules: {
},
messages: {
confirmNewPassword: {equalTo: "输入与上面相同的密码"}
},
submitHandler: function(form){
loading('正在提交,请稍等...');
form.submit();
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误,请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
});
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li><a href="${ctx}/sys/user/info">个人信息</a></li>
<li class="active"><a href="${ctx}/sys/user/modifyPwd">修改密码</a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="user" action="${ctx}/sys/user/modifyPwd" method="post" class="form-horizontal">
<form:hidden path="id"/>
<sys:message content="${message}"/>
<div class="control-group">
<label class="control-label">旧密码:</label>
<div class="controls">
<input id="oldPassword" name="oldPassword" type="password" value="" maxlength="50" minlength="3" class="required"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
<label class="control-label">新密码:</label>
<div class="controls">
<input id="newPassword" name="newPassword" type="password" value="" maxlength="50" minlength="3" class="required"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="control-group">
<label class="control-label">确认新密码:</label>
<div class="controls">
<input id="confirmNewPassword" name="confirmNewPassword" type="password" value="" maxlength="50" minlength="3" class="required" equalTo="#newPassword"/>
<span class="help-inline"><font color="red">*</font> </span>
</div>
</div>
<div class="form-actions">
<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>
</div>
</form:form>
</body>
</html>

View File

@@ -0,0 +1,225 @@
<?xml version="1.0" encoding="UTF-8"?>
<web-app
version="3.0"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
<session-config>
<session-timeout>30</session-timeout>
</session-config>
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:applicationContext*.xml</param-value>
</context-param>
<listener>
<listener-class>
org.springframework.web.context.ContextLoaderListener
</listener-class>
</listener>
<listener>
<listener-class>org.springframework.web.context.request.RequestContextListener</listener-class>
</listener>
<filter>
<filter-name>characterEncodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
<init-param>
<param-name>forceEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>characterEncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<!-- Apache Shiro -->
<!-- The filter-name matches name of a 'shiroFilter' bean inside applicationContext-shiro.xml -->
<filter>
<filter-name>shiroFilter</filter-name>
<filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
<init-param>
<param-name>targetFilterLifecyle</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>shiroFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<!-- SiteMesh -->
<filter>
<filter-name>sitemesh</filter-name>
<filter-class>org.sitemesh.config.ConfigurableSiteMeshFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>sitemesh</filter-name>
<url-pattern>/nis/*</url-pattern>
</filter-mapping>
<filter>
<filter-name>corsFilter</filter-name>
<filter-class>com.nis.filter.CORSFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>corsFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<servlet>
<servlet-name>DispatcherServlet</servlet-name>
<servlet-class>
org.springframework.web.servlet.DispatcherServlet
</servlet-class>
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:spring-mvc*.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>DispatcherServlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<!-- 以Listener方式启动LOG4j -->
<listener>
<listener-class>org.springframework.web.util.Log4jConfigListener</listener-class>
</listener>
<!-- 以Listener方式启动spring -->
<!--
<listener>
<listener-class>org.springframework.web.util.IntrospectorCleanupListener</listener-class>
</listener>
-->
<context-param>
<param-name>webAppRootKey</param-name>
<param-value>nis.root</param-value>
</context-param>
<!-- 让web应用程序启动那个时自动添加属性文件 -->
<!-- <context-param>
<param-name>log4jConfigLocation</param-name>
<param-value>classpath:log4j.properties</param-value>
</context-param> -->
<!-- <context-param>
日志页面的刷新间隔
<param-name>log4jRefreshInterval</param-name>
<param-value>60000</param-value>
</context-param>
-->
<!-- CKFinder -->
<servlet>
<servlet-name>CKFinderConnectorServlet</servlet-name>
<servlet-class>com.nis.web.controller.CKFinderConnectorServlet</servlet-class>
<init-param>
<param-name>XMLConfig</param-name>
<param-value>/WEB-INF/ckfinder.xml</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>false</param-value>
</init-param>
<init-param>
<param-name>configuration</param-name>
<param-value>com.nis.web.controller.CKFinderConfig</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>CKFinderConnectorServlet</servlet-name>
<url-pattern>/static/ckfinder/core/connector/java/connector.java</url-pattern>
</servlet-mapping>
<filter>
<filter-name>FileUploadFilter</filter-name>
<filter-class>com.ckfinder.connector.FileUploadFilter</filter-class>
<init-param>
<param-name>sessionCookieName</param-name>
<param-value>JSESSIONID</param-value>
</init-param>
<init-param>
<param-name>sessionParameterName</param-name>
<param-value>jsessionid</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>FileUploadFilter</filter-name>
<url-pattern>/static/ckfinder/core/connector/java/connector.java</url-pattern>
</filter-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.jpg</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.gif</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.png</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.css</url-pattern>
</servlet-mapping>
<error-page>
<error-code>500</error-code>
<location>/WEB-INF/views/error/500.jsp</location>
</error-page>
<error-page>
<error-code>404</error-code>
<location>/WEB-INF/views/error/404.jsp</location>
</error-page>
<!-- 数据字典监听器 -->
<listener>
<listener-class>
com.nis.listener.SystemConfigListener
</listener-class>
</listener>
<!-- 测试使用,后期会删除 -->
<jsp-config>
<taglib>
<taglib-uri>/jstl/c</taglib-uri>
<taglib-location>/WEB-INF/tlds/c.tld</taglib-location>
</taglib>
<taglib>
<taglib-uri>/jstl/fn</taglib-uri>
<taglib-location>/WEB-INF/tlds/fn.tld</taglib-location>
</taglib>
<taglib>
<taglib-uri>/jstl/fmt</taglib-uri>
<taglib-location>/WEB-INF/tlds/fmt.tld</taglib-location>
</taglib>
</jsp-config>
</web-app>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,14 @@
var $lang={
errAlertMsg: "<22><><EFBFBD>Ϸ<EFBFBD><CFB7><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڳ<EFBFBD><DAB3><EFBFBD><EFBFBD>޶<EFBFBD><DEB6><EFBFBD>Χ,<2C><>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?",
aWeekStr: ["<22><>","<22><>","һ","<22><>","<22><>","<22><>","<22><>","<22><>"],
aLongWeekStr:["<22><>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>һ","<22><><EFBFBD>ڶ<EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>"],
aMonStr: ["һ<><D2BB>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>",<><CAAE>","ʮһ",<><CAAE>"],
aLongMonStr: ["һ<><D2BB>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>",<><CAAE>",һ<CAAE><D2BB>",<><CAAE><EFBFBD><EFBFBD>"],
clearStr: "<22><><EFBFBD><EFBFBD>",
todayStr: "<22><><EFBFBD><EFBFBD>",
okStr: <><C8B7>",
updateStr: <><C8B7>",
timeStr: <><CAB1>",
quickStr: "<22><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>",
err_1: '<27><>С<EFBFBD><D0A1><EFBFBD>ڲ<EFBFBD><DAB2>ܴ<EFBFBD><DCB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>!'
}

View File

@@ -0,0 +1,14 @@
var $lang={
errAlertMsg: "<22><><EFBFBD>Ϸ<EFBFBD><CFB7><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڳ<EFBFBD><DAB3><EFBFBD><EFBFBD>޶<EFBFBD><DEB6><EFBFBD><EFBFBD><EFBFBD>,<2C><>Ҫ<EFBFBD><D2AA><EFBFBD>N<EFBFBD><4E>?",
aWeekStr: ["<22><>","<22><>","һ","<22><>","<22><>","<22><>","<22><>","<22><>"],
aLongWeekStr:["<22><>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>һ","<22><><EFBFBD>ڶ<EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>"],
aMonStr: ["һ<><D2BB>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>",<><CAAE>","ʮһ",<><CAAE>"],
aLongMonStr: ["һ<><D2BB>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>","<22><><EFBFBD><EFBFBD>",<><CAAE>",һ<CAAE><D2BB>",<><CAAE><EFBFBD><EFBFBD>"],
clearStr: "<22><><EFBFBD><EFBFBD>",
todayStr: "<22><><EFBFBD><EFBFBD>",
okStr: "<22>_<EFBFBD><5F>",
updateStr: "<22>_<EFBFBD><5F>",
timeStr: "<22>r<EFBFBD>g",
quickStr: "<22><><EFBFBD><EFBFBD><EFBFBD>x<EFBFBD><78>",
err_1: '<27><>С<EFBFBD><D0A1><EFBFBD>ڲ<EFBFBD><DAB2>ܴ<EFBFBD><DCB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>!'
}

View File

@@ -0,0 +1,3 @@
<EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ,<2C>ɽ<EFBFBD><C9BD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD>ɾȥ

View File

@@ -0,0 +1,267 @@
/*
* My97 DatePicker 4.7
* Ƥ<><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:default
*/
/* <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> DIV */
.WdateDiv{
width:180px;
background-color:#FFFFFF;
border:#bbb 1px solid;
padding:2px;
}
/* ˫<><CBAB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀ<EFBFBD><C4BF><EFBFBD> */
.WdateDiv2{
width:360px;
}
.WdateDiv *{font-size:9pt;}
/****************************
* <20><><EFBFBD><EFBFBD>ͼ<EFBFBD><CDBC> ȫ<><C8AB><EFBFBD><EFBFBD>A<EFBFBD><41>ǩ
***************************/
.WdateDiv .NavImg a{
display:block;
cursor:pointer;
height:16px;
width:16px;
}
.WdateDiv .NavImgll a{
float:left;
background:transparent url(img.gif) no-repeat scroll 0 0;
}
.WdateDiv .NavImgl a{
float:left;
background:transparent url(img.gif) no-repeat scroll -16px 0;
}
.WdateDiv .NavImgr a{
float:right;
background:transparent url(img.gif) no-repeat scroll -32px 0;
}
.WdateDiv .NavImgrr a{
float:right;
background:transparent url(img.gif) no-repeat scroll -48px 0;
}
/****************************
* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD>
***************************/
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD> DIV */
.WdateDiv #dpTitle{
height:24px;
margin-bottom:2px;
padding:1px;
}
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
.WdateDiv .yminput{
margin-top:2px;
text-align:center;
height:20px;
border:0px;
width:50px;
cursor:pointer;
}
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ý<EFBFBD><C3BD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD>ʽ INPUT */
.WdateDiv .yminputfocus{
margin-top:2px;
text-align:center;
font-weight:bold;
height:20px;
color:blue;
border:#ccc 1px solid;
width:50px;
}
/* <20>˵<EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD> DIV */
.WdateDiv .menuSel{
z-index:1;
position:absolute;
background-color:#FFFFFF;
border:#ccc 1px solid;
display:none;
}
/* <20>˵<EFBFBD><CBB5><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
.WdateDiv .menu{
cursor:pointer;
background-color:#fff;
}
/* <20>˵<EFBFBD><CBB5><EFBFBD>mouseover<65><72>ʽ TD */
.WdateDiv .menuOn{
cursor:pointer;
background-color:#BEEBEE;
}
/* <20>˵<EFBFBD><CBB5><EFBFBD>Чʱ<D0A7><CAB1><EFBFBD><EFBFBD>ʽ TD */
.WdateDiv .invalidMenu{
color:#aaa;
}
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƫ<EFBFBD><C6AB> DIV */
.WdateDiv .YMenu{
margin-top:20px;
}
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƫ<EFBFBD><C6AB> DIV */
.WdateDiv .MMenu{
margin-top:20px;
*width:62px;
}
/* ʱѡ<CAB1><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
.WdateDiv .hhMenu{
margin-top:-90px;
margin-left:26px;
}
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
.WdateDiv .mmMenu{
margin-top:-46px;
margin-left:26px;
}
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
.WdateDiv .ssMenu{
margin-top:-24px;
margin-left:26px;
}
/****************************
* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
***************************/
.WdateDiv .Wweek {
text-align:center;
background:#DAF3F5;
border-right:#BDEBEE 1px solid;
}
/****************************
* <20><><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
***************************/
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TR */
.WdateDiv .MTitle{
background-color:#BDEBEE;
}
.WdateDiv .WdayTable2{
border-collapse:collapse;
border:#c5d9e8 1px solid;
}
.WdateDiv .WdayTable2 table{
border:0;
}
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TABLE */
.WdateDiv .WdayTable{
line-height:20px;
border:#c5d9e8 1px solid;
}
.WdateDiv .WdayTable td{
text-align:center;
}
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
.WdateDiv .Wday{
cursor:pointer;
}
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
.WdateDiv .WdayOn{
cursor:pointer;
background-color:#C0EBEF;
}
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
.WdateDiv .Wwday{
cursor:pointer;
color:#FF2F2F;
}
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
.WdateDiv .WwdayOn{
cursor:pointer;
color:#000;
background-color:#C0EBEF;
}
.WdateDiv .Wtoday{
cursor:pointer;
color:blue;
}
.WdateDiv .Wselday{
background-color:#A9E4E9;
}
.WdateDiv .WspecialDay{
background-color:#66F4DF;
}
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD> */
.WdateDiv .WotherDay{
cursor:pointer;
color:#6A6AFF;
}
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD>mouseover<65><72>ʽ */
.WdateDiv .WotherDayOn{
cursor:pointer;
background-color:#C0EBEF;
}
/* <20><>Ч<EFBFBD><D0A7><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڷ<EFBFBD>Χ<EFBFBD><CEA7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
.WdateDiv .WinvalidDay{
color:#aaa;
}
/****************************
* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
***************************/
/* ʱ<><CAB1><EFBFBD><EFBFBD> DIV */
.WdateDiv #dpTime{
float:left;
margin-top:3px;
margin-right:30px;
}
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> SPAN */
.WdateDiv #dpTime #dpTimeStr{
margin-left:1px;
}
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
.WdateDiv #dpTime input{
width:18px;
height:20px;
text-align:center;
border:#ccc 1px solid;
}
/* ʱ<><CAB1> ʱ INPUT */
.WdateDiv #dpTime .tB{
border-right:0px;
}
/* ʱ<><CAB1> <20>ֺͼ<D6BA><CDBC><EFBFBD><EFBFBD><EFBFBD> ':' INPUT */
.WdateDiv #dpTime .tE{
border-left:0;
border-right:0;
}
/* ʱ<><CAB1> <20><> INPUT */
.WdateDiv #dpTime .tm{
width:7px;
border-left:0;
border-right:0;
}
/* ʱ<><CAB1><EFBFBD>ұߵ<D2B1><DFB5><EFBFBD><EFBFBD>ϰ<EFBFBD>ť BUTTON */
.WdateDiv #dpTime #dpTimeUp{
height:10px;
width:13px;
border:0px;
background:url(img.gif) no-repeat -32px -16px;
}
/* ʱ<><CAB1><EFBFBD>ұߵ<D2B1><DFB5><EFBFBD><EFBFBD>°<EFBFBD>ť BUTTON */
.WdateDiv #dpTime #dpTimeDown{
height:10px;
width:13px;
border:0px;
background:url(img.gif) no-repeat -48px -16px;
}
/****************************
* <20><><EFBFBD><EFBFBD>
***************************/
.WdateDiv #dpQS {
float:left;
margin-right:3px;
margin-top:3px;
background:url(img.gif) no-repeat 0px -16px;
width:20px;
height:20px;
cursor:pointer;
}
.WdateDiv #dpControl {
text-align:right;
}
.WdateDiv .dpButton{
height:20px;
width:45px;
border:#ccc 1px solid;
margin-top:2px;
margin-right:1px;
}

View File

@@ -0,0 +1,339 @@
/*
* My97 DatePicker 4.8
* auther : zhangkun , hejianting(design)
* email : zhangkun_net@hotmail.com
* date : 2012-05-25
*/
.WdateDiv
{
position:relative;
padding:5px;
width:180px;
*width:190px;
font-size:12px;
color:#333;
border:solid 1px #DEDEDE;
background-color:#F2F0F1;
}
.WdateDiv2
{
width:360px;
}
.WdateDiv .NavImg a,.WdateDiv .yminput,.WdateDiv .yminputfocus,.WdateDiv #dpQS
{
background:url(img.gif) no-repeat;
}
.WdateDiv .NavImg a
{
float:left;
width:16px;
height:16px;
cursor:pointer;
}
.WdateDiv .NavImgll a
{
background-position:0px 5px;
}
.WdateDiv .NavImgl a
{
background-position:0px -10px;
}
.WdateDiv .NavImgr a
{
background-position:0px -25px;
float:right;
}
.WdateDiv .NavImgrr a
{
background-position:0px -40px;
float:right;
}
.WdateDiv #dpTitle
{
padding:3px 0px 0px 0px;
line-height:0px;
height:20px;
*height:23;
}
.WdateDiv .yminput,.WdateDiv .yminputfocus
{
margin-left:3px;
width:50px;
height:20px;
line-height:16px;
border:solid 1px #F2F0F1;
cursor:pointer;
background-position:35px -68px;
}
.WdateDiv .yminputfocus
{
background-color:#fff;
border:solid 1px #D8D8D8;
}
.WdateDiv .menuSel{
z-index:1;
position:absolute;
background-color:#FFFFFF;
border:#A3C6C8 1px solid;
display:none;
}
.WdateDiv .menu
{
background:#fff;
}
.WdateDiv .menuOn
{
color:#fff;
background:#0088CC;
}
.WdateDiv .invalidMenu{
color:#aaa;
}
.WdateDiv .MMenu,.WdateDiv .YMenu
{
padding:2px;
margin-top:20px;
margin-left:-1px;
width:68px;
border:solid 1px #D9D9D9;
}
.WdateDiv .MMenu table,.WdateDiv .YMenu table
{
width:100%;
}
.WdateDiv .MMenu table td,.WdateDiv .YMenu table td
{
padding:0px;
line-height:20px;
text-align:center;
font-size:12px;
cursor: pointer;
}
.WdateDiv .Wweek {
text-align:center;
background:#DAF3F5;
border-right:#BDEBEE 1px solid;
}
.WdateDiv td
{
padding:1px;
line-height:20px;
font-size:12px;
color:#999999;
background:#fff;
cursor:pointer;
}
.WdateDiv .MTitle td
{
line-height:24px;
color:#7D7D7D;
background:#F2F0F1;
cursor: default;
}
.WdateDiv .WdayTable2
{
border-collapse:collapse;
border:#808080 1px solid;
}
.WdateDiv .WdayTable2 table
{
border:0;
}
.WdateDiv .WdayTable{
line-height:20px;
color:#13777e;
background-color:#edfbfb;
}
.WdateDiv .WdayTable td{
text-align:center;
}
.WdateDiv .Wday
{
color:#323232;
}
.WdateDiv .WdayOn
{
color:#fff;
background-color:#0088CC;
}
.WdateDiv .Wwday
{
color:#0088CC;
}
.WdateDiv .WwdayOn
{
color:#fff;
background-color:#0088CC;
}
.WdateDiv .Wtoday
{
color:#FF6D10;
background:#E0EDFE;
}
.WdateDiv .Wselday
{
color:#fff;
background-color:#0088CC;
}
.WdateDiv .WspecialDay{
background-color:#66F4DF;
}
.WdateDiv .WotherDay
{
color:#D4D4D4;
}
.WdateDiv .WotherDayOn
{
color:#fff;
background-color:#0088CC;
}
.WdateDiv .WinvalidDay{
color:#aaa;
}
.WdateDiv #dpTime
{
position:relative;
margin-top:5px;
}
.WdateDiv #dpTime #dpTimeStr
{
display:inline-block;
width:28px;
*width:30px;
color:#7d7d7d;
}
.WdateDiv #dpTime input
{
padding:0px;
margin:0px;
width:25px;
height:20px;
line-height:20px;
text-align:center;
color:#333;
border:#D9D9D9 1px solid;
}
.WdateDiv #dpTime .tm
{
width:7px;
border:none;
background:#F2F0F1;
}
.WdateDiv #dpTime #dpTimeUp
{
display:none;
}
.WdateDiv #dpTime #dpTimeDown
{
display:none;
}
.WdateDiv #dpQS
{
float:left;
margin-right:3px;
margin-top:9px;
*margin-top:6px;
width:16px;
height:16px;
cursor:pointer;
background-position:0px -90px;
}
.WdateDiv #dpControl
{
text-align:right;
margin-top:3px;
}
.WdateDiv .dpButton
{
margin-left:2px;
line-height:18px;
*line-height:16px;
width:45px;
background-color:#C3C3C3;
*background-color:#0055CC;
color:#fff;
border:none;
cursor: pointer;
}
.WdateDiv .dpButton:hover
{
background-color:#0663A2;
}
.WdateDiv .hhMenu,
.WdateDiv .mmMenu,
.WdateDiv .ssMenu
{
position:absolute;
padding:3px;
font-size:12px;
color:#333;
border:solid 1px #DEDEDE;
background-color:#F2F0F1;
}
.WdateDiv #dpTime .menu,.WdateDiv #dpTime .menuOn
{
width:18px;
height:18px;
line-height:18px;
text-align:center;
background:#fff;
}
.WdateDiv #dpTime .menuOn
{
background:#0088CC;
}
.WdateDiv #dpTime td
{
background:#F2F0F1;
}
.WdateDiv .hhMenu
{
top:-87px;
left:35px;
left:32px\9;
}
.WdateDiv .mmMenu
{
top:-47px;
left:35px;
left:32px\9;
}
.WdateDiv .ssMenu
{
top:-27px;
left:35px;
left:32px\9;
}

View File

@@ -0,0 +1,277 @@
/*
* My97 DatePicker 4.7
* Ƥ<><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:whyGreen
*/
/* <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> DIV */
.WdateDiv{
width:180px;
background-color:#fff;
border:#C5E1E4 1px solid;
padding:2px;
}
/* ˫<><CBAB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀ<EFBFBD><C4BF><EFBFBD> */
.WdateDiv2{
width:360px;
}
.WdateDiv *{font-size:9pt;}
/****************************
* <20><><EFBFBD><EFBFBD>ͼ<EFBFBD><CDBC> ȫ<><C8AB><EFBFBD><EFBFBD>A<EFBFBD><41>ǩ
***************************/
.WdateDiv .NavImg a{
cursor:pointer;
display:block;
width:16px;
height:16px;
margin-top:1px;
}
.WdateDiv .NavImgll a{
float:left;
background:url(img.gif) no-repeat;
}
.WdateDiv .NavImgl a{
float:left;
background:url(img.gif) no-repeat -16px 0px;
}
.WdateDiv .NavImgr a{
float:right;
background:url(img.gif) no-repeat -32px 0px;
}
.WdateDiv .NavImgrr a{
float:right;
background:url(img.gif) no-repeat -48px 0px;
}
/****************************
* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD>
***************************/
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD> DIV */
.WdateDiv #dpTitle{
height:24px;
padding:1px;
border:#c5d9e8 1px solid;
background:url(bg.jpg);
margin-bottom:2px;
}
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
.WdateDiv .yminput{
margin-top:2px;
text-align:center;
border:0px;
height:20px;
width:50px;
color:#034c50;
background-color:transparent;
cursor:pointer;
}
/* <20><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ý<EFBFBD><C3BD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD>ʽ INPUT */
.WdateDiv .yminputfocus{
margin-top:2px;
text-align:center;
border:#939393 1px solid;
font-weight:bold;
color:#034c50;
height:20px;
width:50px;
}
/* <20>˵<EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD> DIV */
.WdateDiv .menuSel{
z-index:1;
position:absolute;
background-color:#FFFFFF;
border:#A3C6C8 1px solid;
display:none;
}
/* <20>˵<EFBFBD><CBB5><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
.WdateDiv .menu{
cursor:pointer;
background-color:#fff;
color:#11777C;
}
/* <20>˵<EFBFBD><CBB5><EFBFBD>mouseover<65><72>ʽ TD */
.WdateDiv .menuOn{
cursor:pointer;
background-color:#BEEBEE;
}
/* <20>˵<EFBFBD><CBB5><EFBFBD>Чʱ<D0A7><CAB1><EFBFBD><EFBFBD>ʽ TD */
.WdateDiv .invalidMenu{
color:#aaa;
}
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƫ<EFBFBD><C6AB> DIV */
.WdateDiv .YMenu{
margin-top:20px;
}
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƫ<EFBFBD><C6AB> DIV */
.WdateDiv .MMenu{
margin-top:20px;
*width:62px;
}
/* ʱѡ<CAB1><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
.WdateDiv .hhMenu{
margin-top:-90px;
margin-left:26px;
}
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
.WdateDiv .mmMenu{
margin-top:-46px;
margin-left:26px;
}
/* <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><CEBB> DIV */
.WdateDiv .ssMenu{
margin-top:-24px;
margin-left:26px;
}
/****************************
* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
***************************/
.WdateDiv .Wweek {
text-align:center;
background:#DAF3F5;
border-right:#BDEBEE 1px solid;
}
/****************************
* <20><><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
***************************/
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TR */
.WdateDiv .MTitle{
color:#13777e;
background-color:#bdebee;
}
.WdateDiv .WdayTable2{
border-collapse:collapse;
border:#BEE9F0 1px solid;
}
.WdateDiv .WdayTable2 table{
border:0;
}
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> TABLE */
.WdateDiv .WdayTable{
line-height:20px;
color:#13777e;
background-color:#edfbfb;
border:#BEE9F0 1px solid;
}
.WdateDiv .WdayTable td{
text-align:center;
}
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
.WdateDiv .Wday{
cursor:pointer;
}
/* <20><><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
.WdateDiv .WdayOn{
cursor:pointer;
background-color:#74d2d9 ;
}
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ TD */
.WdateDiv .Wwday{
cursor:pointer;
color:#ab1e1e;
}
/* <20><>ĩ<EFBFBD><C4A9><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD>mouseover<65><72>ʽ TD */
.WdateDiv .WwdayOn{
cursor:pointer;
background-color:#74d2d9;
}
.WdateDiv .Wtoday{
cursor:pointer;
color:blue;
}
.WdateDiv .Wselday{
background-color:#A7E2E7;
}
.WdateDiv .WspecialDay{
background-color:#66F4DF;
}
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD> */
.WdateDiv .WotherDay{
cursor:pointer;
color:#0099CC;
}
/* <20><><EFBFBD><EFBFBD><EFBFBD>·ݵ<C2B7><DDB5><EFBFBD><EFBFBD><EFBFBD>mouseover<65><72>ʽ */
.WdateDiv .WotherDayOn{
cursor:pointer;
background-color:#C0EBEF;
}
/* <20><>Ч<EFBFBD><D0A7><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڷ<EFBFBD>Χ<EFBFBD><CEA7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD><DAB8><EFBFBD><EFBFBD><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
.WdateDiv .WinvalidDay{
color:#aaa;
}
/****************************
* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
***************************/
/* ʱ<><CAB1><EFBFBD><EFBFBD> DIV */
.WdateDiv #dpTime{
float:left;
margin-top:3px;
margin-right:30px;
}
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> SPAN */
.WdateDiv #dpTime #dpTimeStr{
margin-left:1px;
color:#497F7F;
}
/* ʱ<><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> INPUT */
.WdateDiv #dpTime input{
height:20px;
width:18px;
text-align:center;
color:#333;
border:#61CAD0 1px solid;
}
/* ʱ<><CAB1> ʱ INPUT */
.WdateDiv #dpTime .tB{
border-right:0px;
}
/* ʱ<><CAB1> <20>ֺͼ<D6BA><CDBC><EFBFBD><EFBFBD><EFBFBD> ':' INPUT */
.WdateDiv #dpTime .tE{
border-left:0;
border-right:0;
}
/* ʱ<><CAB1> <20><> INPUT */
.WdateDiv #dpTime .tm{
width:7px;
border-left:0;
border-right:0;
}
/* ʱ<><CAB1><EFBFBD>ұߵ<D2B1><DFB5><EFBFBD><EFBFBD>ϰ<EFBFBD>ť BUTTON */
.WdateDiv #dpTime #dpTimeUp{
height:10px;
width:13px;
border:0px;
background:url(img.gif) no-repeat -32px -16px;
}
/* ʱ<><CAB1><EFBFBD>ұߵ<D2B1><DFB5><EFBFBD><EFBFBD>°<EFBFBD>ť BUTTON */
.WdateDiv #dpTime #dpTimeDown{
height:10px;
width:13px;
border:0px;
background:url(img.gif) no-repeat -48px -16px;
}
/****************************
* <20><><EFBFBD><EFBFBD>
***************************/
.WdateDiv #dpQS {
float:left;
margin-right:3px;
margin-top:3px;
background:url(img.gif) no-repeat 0px -16px;
width:20px;
height:20px;
cursor:pointer;
}
.WdateDiv #dpControl {
text-align:right;
margin-top:3px;
}
.WdateDiv .dpButton{
height:20px;
width:45px;
margin-top:2px;
border:#38B1B9 1px solid;
background-color:#CFEBEE;
color:#08575B;
}

View File

@@ -0,0 +1,110 @@
* {
margin: 0;
padding: 0;
}
body {
background: #5b5b5b;
color: #000;
text-align: center;
line-height: 1.6;
}
body, input, select, textarea, table {
font-family: "<22><><EFBFBD><EFBFBD>",Arial, Simsun, Verdana, sans-serif;
font-size: 9pt;
color:#333;
}
img {
border: none;
}
a {
color: #4264BD;
}
li {
line-height:20px;
}
.dCenter {
width: 800px;
margin: 0 auto;
text-align: left;
}
.dBody{
background:url("../images/body.jpg") repeat-y top;
}
.nav {
list-style:none;
float: right;
margin-right: 25px;
}
.nav li {
margin-left: 20px;
float: left;
}
.navbar {
height: 0px;
line-height: 28px;
margin-bottom: 6px;
color: #fff;
font-size: 14px;
}
.navbar a {
color: #fff;
text-decoration: none;
}
.navbar a:hover {
text-decoration: none;
color: #ccc;
}
.res-block {
BACKGROUND: url("../images/block/block-top.gif") no-repeat; MARGIN-BOTTOM: 15px; WIDTH: 210px; PADDING-TOP: 5px
}
.res-block-inner {
PADDING-RIGHT: 11px; PADDING-LEFT: 11px; BACKGROUND: url("../images/block/block-body.gif") repeat-y left; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
.res-block-bottom {
BACKGROUND: url("../images/block/block-bottom.gif") no-repeat; WIDTH: 210px;height:5px;
}
.res-block H3 {
MARGIN-BOTTOM: 8px; FONT: bold 12px <EFBFBD><EFBFBD><EFBFBD><EFBFBD>,tahoma,arial,sans-serif; COLOR: #555
}
.res-block UL {
FONT: 12px tahoma,arial,sans-serif; MARGIN-LEFT: 15px; COLOR: #555; LIST-STYLE-TYPE: disc
}
.res-block UL LI {
MARGIN: 0px 0px 5px 3px
}
#footer {
background:url("../images/footer.jpg") no-repeat;
height:47px;
text-align:center;
padding-top:9px;
color:#CCC;
font-family:Arial;
}
#footer a {
color: #DDD;
text-decoration: none;
}
/*.logo {
float: left;
margin: 6px 0 0 13px;
}
#footer {
margin-bottom: 25px;
line-height: normal;
color: #666;
text-align: center;
clear: both;
}
#footer a {
color: #666;
}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;color:#333;}
* html .mmlink{width:200px;float:right;margin-right:250px;}
.mmlink{width:250px;float:right;margin-right:450px; }
*/

View File

@@ -0,0 +1,97 @@
<script language="javascript" type="text/javascript" src="../WdatePicker.js"></script>
<input class="Wdate" type="text" onClick="WdatePicker()"> <font color=red>&lt;- <20><><EFBFBD>ҵ<EFBFBD><D2B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڿؼ<DABF></font>
<script src="${ctxStatic}/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
<input id="inputDate" name="inputDate" type="text" readonly="readonly"
value="<fmt:formatDate value="${article.inputDate}" pattern="yyyy-MM-dd HH:mm:ss" maxlength="20" class="input-medium Wdate"/>"
onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false,startDate:'%y-%M-01 00:00:00',alwaysUseStartDate:true});"/>
<br><br><br><br>
<EFBFBD><EFBFBD><EFBFBD><EFBFBD>demo<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹٷ<EFBFBD><EFBFBD><EFBFBD>ҳ <a href="http://www.my97.net">http://www.my97.net</a>
<br><br>
<h1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϸ<EFBFBD>Ķ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h1><br>
<pre>
ע<EFBFBD><EFBFBD>:<3A>˰汾Ϊ 4.8 Beta2 build 20111221
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
[<5B><><EFBFBD><EFBFBD>]preloadԤ<64><D4A4>ѡ<EFBFBD><D1A1>
[<5B><>ǿ]<5D><>֤<EFBFBD><D6A4><EFBFBD>ܿɱ<DCBF><C9B1>ر<EFBFBD>errDealMode=-1
[<5B>޸<EFBFBD>]<5D><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>㷨ģʽ,<2C><><EFBFBD><EFBFBD>weekMethod<6F><64><EFBFBD><EFBFBD>
[<5B>޸<EFBFBD><><C8A5>My97DatePicker.htm
[<5B>޸<EFBFBD>]position<6F>ij<EFBFBD><C4B3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><><D4AD>Ϊ<EFBFBD><CEAA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)
[<5B><><EFBFBD><EFBFBD>]<5D><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
[<5B><><EFBFBD><EFBFBD>]onchange<67><65><EFBFBD>ܴ<EFBFBD><DCB4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
[<5B><><EFBFBD><EFBFBD>]<5D><><EFBFBD><EFBFBD>Safari5
[<5B><><EFBFBD><EFBFBD>]&lt;script&gt;<EFBFBD>ձ<EFBFBD>ǩʱ<EFBFBD>Ĵ<EFBFBD><EFBFBD><EFBFBD>
[<5B><><EFBFBD><EFBFBD>]ƽ<><C6BD>ģʽ<C4A3>µļ<C2B5><C4BC><EFBFBD>ż<EFBFBD><C5BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
[<5B><><EFBFBD><EFBFBD><><CBAB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>¿<EFBFBD><C2BF><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
[<5B><><EFBFBD><EFBFBD>]<5D><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>iframe<6D><65>,<2C><><EFBFBD><EFBFBD>λ<EFBFBD><CEBB>ƫ<EFBFBD>Ƶ<EFBFBD><C6B5><EFBFBD><EFBFBD><EFBFBD>(<28><>ż<EFBFBD><C5BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)
ʹ<EFBFBD>÷<EFBFBD><EFBFBD><EFBFBD>:
1. ȥ<>ٷ<EFBFBD><D9B7><EFBFBD>վ<EFBFBD><D5BE><EFBFBD><EFBFBD>,<2C>㵱ǰ<E3B5B1><C7B0><EFBFBD>ص<EFBFBD><D8B5>Ƿ<EFBFBD><C7B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD>µİ汾,<2C>ܶ<EFBFBD>bug<75><67><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊʹ<CEAA>õIJ<C3B5><C4B2><EFBFBD><EFBFBD><EFBFBD><EFBFBD>°汾<C2B0><E6B1BE><EFBFBD>ɵ<EFBFBD>
<EFBFBD>ٷ<EFBFBD><EFBFBD><EFBFBD>ҳ:<a href="http://www.my97.net" target="_blank">http://www.my97.net</a>
2. <20><>My97DatePicker<65><72><EFBFBD><EFBFBD>Ŀ¼<C4BF><C2BC>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀ<EFBFBD><C4BF><EFBFBD><EFBFBD>ӦĿ¼<C4BF><C2BC>
My97DatePickerĿ¼<EFBFBD>¸<EFBFBD><EFBFBD>ļ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
1.1 My97DatePickerĿ¼<C4BF><C2BC>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>ƻ<EFBFBD><C6BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀ¼<C4BF>ṹ,Ҳ<><D2B2><EFBFBD>ɶ<EFBFBD><C9B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>Ը<EFBFBD>Ŀ¼<C4BF><C2BC>
1.2 <20><>Ŀ¼<C4BF><C2BC><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD>;:
WdatePicker.js <20><><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>,<2C>ڵ<EFBFBD><DAB5>õĵط<C4B5><D8B7><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>ø<EFBFBD><C3B8>ļ<EFBFBD>,<2C>ɶ<EFBFBD><C9B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>xx_WdatePicker.js<6A><73>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD>
calendar.js <20><><EFBFBD>ڿ<EFBFBD><DABF><EFBFBD><EFBFBD>ļ<EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
Ŀ¼lang <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>Ը<EFBFBD><D4B8><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>
Ŀ¼skin <20><><EFBFBD><EFBFBD>Ƥ<EFBFBD><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>Ը<EFBFBD><D4B8><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƥ<EFBFBD><C6A4><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD>
3. <20><><EFBFBD><EFBFBD><EFBFBD>Ը<EFBFBD><D4B8><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Լ<EFBFBD><D4BC><EFBFBD><EFBFBD><EFBFBD>Ҫ,ɾ<><C9BE><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA>Ƥ<EFBFBD><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>
4. <20><><EFBFBD><EFBFBD><EFBFBD>Ը<EFBFBD><D4B8><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Լ<EFBFBD><D4BC><EFBFBD><EFBFBD><EFBFBD>Ҫ,<2C><><EFBFBD><EFBFBD><EFBFBD>µ<EFBFBD>Ƥ<EFBFBD><C6A4><EFBFBD><EFBFBD>
Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĵ<EFBFBD>ַ:<a href="http://www.my97.net/dp/skin.asp" target="_blank">http://www.my97.net/dp/skin.asp</a>
5. <20><>ϸ<EFBFBD>Ķ<EFBFBD><C4B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE>ʹ<EFBFBD><CAB9>˵<EFBFBD><CBB5>,<2C>󲿷<EFBFBD><F3B2BFB7><EFBFBD><EFBFBD><EFBFBD><E2B6BC><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>ϸ<EFBFBD><CFB8>
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ:<a href="http://www.my97.net/dp/demo/" target="_blank">http://www.my97.net/dp/demo/</a>
6. <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>޷<EFBFBD><DEB7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<EFBFBD><EFBFBD><EFBFBD>Ȳο<EFBFBD>:<a href="http://www.my97.net/dp/support.asp" target="_blank">http://www.my97.net/dp/support.asp</a>
7. <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD><D6A7>ҳ<EFBFBD><D2B3><EFBFBD>޷<EFBFBD><DEB7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͨ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD><EFBFBD>ҳ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϵ<EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD>ϵ<EFBFBD><EFBFBD><><D7A2>:<3A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ,һ<><D2BB>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ص<EFBFBD>HTML<4D><4C><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϸ<EFBFBD>Ĵ<EFBFBD><C4B4><EFBFBD><EFBFBD><EFBFBD>Ϣ
8. <20><><EFBFBD><EFBFBD>ʲô<CAB2><C3B4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD><D6A7>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E1B9A9><EFBFBD><EFBFBD>ϵ<EFBFBD><CFB5>ʽ<EFBFBD><CABD>ϵ<EFBFBD><CFB5>
9. <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڿؼ<DABF><D8BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Э<EFBFBD><D0AD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ȥ,<2C><><EFBFBD><EFBFBD><EFBFBD>Է<EFBFBD><D4B7><EFBFBD>:<a href="http://www.my97.net/dp/license.asp">http://www.my97.net/dp/license.asp</a>
10.<2E><><EFBFBD><EFBFBD>ף<EFBFBD><D7A3><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀ˳<C4BF><CBB3>,<2C><><EFBFBD>¼<EFBFBD>н!
---------------------------------------------------------------------
<EFBFBD>ٷ<EFBFBD><EFBFBD><EFBFBD>ҳ
<a href="http://www.my97.net" target="_blank">http://www.my97.net</a>
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD>ʹ<EFBFBD><EFBFBD>˵<EFBFBD><EFBFBD>
<a href="http://www.my97.net/dp/demo/" target="_blank">http://www.my97.net/dp/demo/</a>
Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<a href="http://www.my97.net/dp/skin.asp" target="_blank">http://www.my97.net/dp/skin.asp</a>
<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Э<EFBFBD><EFBFBD>
<a href="http://www.my97.net/dp/license.asp">http://www.my97.net/dp/license.asp</a>
Դ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<a href="http://www.my97.net/dp/source.asp" target="_blank">http://www.my97.net/dp/source.asp</a>
<EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD><EFBFBD>ҳ<EFBFBD><EFBFBD>
<a href="http://www.my97.net/dp/support.asp" target="_blank">http://www.my97.net/dp/support.asp</a></pre>

View File

@@ -0,0 +1,25 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>My97<EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD> <20><>ʾ & <20>ĵ<EFBFBD> My97 DatePicker Demo & Doc</title>
<script>
window.onload = function() {
var mainFrm = document.getElementById('mainFrm');
var loc = location.href.toLowerCase()
var start=loc.indexOf('?')+1;
if(start>0){
mainFrm.src = "resource/"+loc.substr(start);
}
else{
mainFrm.src = "resource/main.asp";
}
}
</script>
</head>
<frameset rows="*" cols="242,*">
<frame src="resource/left.htm" tppabs="http://www.my97.net/dp/demo/resource/left.htm" id="leftFrm" />
<frame src="about:blank" id="mainFrm" name="mainFrm" />
</frameset>
<noframes></noframes>
</html>

View File

@@ -0,0 +1,163 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97<EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <20><><EFBFBD><EFBFBD><E6B9A6> My97 Datepicker Demo</title>
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
<link href="demo.css" tppabs="http://www.my97.net/dp/demo/resource/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe src="../../head.asp" tppabs="http://www.my97.net/dp/head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
<div class="dCenter dBody">
<div id="content">
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD>ܼ<EFBFBD>ʾ<EFBFBD><CABE><a name="m2" id="m2"></a></h2>
<h3>1. <20><><EFBFBD><EFBFBD><E6B9A6><a name="m21" id="m21"></a></h3>
<ol>
<li>֧<EFBFBD>ֶ<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD>ģʽ <a name="m211" id="m211"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD>ֳ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>input<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ý<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>֧<EFBFBD><D6A7>ʹ<EFBFBD><CAB9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD><D4AA><EFBFBD><EFBFBD>:&lt;img&gt;&lt;div&gt;<EFBFBD>ȴ<EFBFBD><EFBFBD><EFBFBD>WdatePicker<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD></p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>1-1-1 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p>
<input type="text" id="d11" onClick="WdatePicker()"/>
<br />
&lt;input id=&quot;d11&quot; type=&quot;text&quot; <span class="STYLE1">onClick=&quot;WdatePicker()&quot;</span>/&gt;</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>1-1-2 ͼ<><EFBFBD><EAB4A5></h4>
<p>
<input id="d12" type="text"/>
<img src="../../../skin/datePicker.gif" tppabs="http://www.my97.net/dp/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle" style="cursor:pointer" onClick="WdatePicker({el:'d12'})" /> <br />
&lt;input id=&quot;<span class="STYLE1">d12</span>&quot; type=&quot;text&quot;/&gt;<br />
&lt;img onclick=&quot;WdatePicker({<span class="STYLE2">el:</span><span class="STYLE1">'d12'</span>})&quot; src=&quot;../skin/datePicker.gif&quot; width=&quot;16&quot; height=&quot;22&quot; align=&quot;absmiddle&quot;&gt;<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span>ֻ<EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD>id<EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
</div>
</li>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m212" id="m212"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>򶼾߱<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <br />
1.
ͨ<><CDA8><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͼ<EFBFBD><CDBC>ѡ<EFBFBD><D1A1><br />
<img src="pic1.jpg" tppabs="http://www.my97.net/dp/demo/resource/pic1.jpg" width="180" height="197" /><br />
<br />
2. ֱ<><D6B1>ʹ<EFBFBD>ü<EFBFBD><C3BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<img src="pic2.jpg" tppabs="http://www.my97.net/dp/demo/resource/pic2.jpg" width="180" height="197" /><br />
<br />
3. ֱ<>Ӵӵ<D3B4><D3B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><br />
<img src="pic3.jpg" tppabs="http://www.my97.net/dp/demo/resource/pic3.jpg" width="180" height="197" /><br />
<br />
<span class="STYLE2"><EFBFBD><EFBFBD>:<3A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD>,<2C><><EFBFBD>û<EFBFBD><C3BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͬһ<CDAC><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ť5<C5A5><35>ʱ,<2C><><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></span></p>
</li>
<li>֧<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <a name="m213" id="m213"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͨ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>isShowWeek<EFBFBD><EFBFBD><EFBFBD>Ծ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƿ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>ڷ<EFBFBD><DAB7><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD>ʱ<EFBFBD>򻹿<EFBFBD><F2BBB9BF><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD>Դ<EFBFBD><D4B4><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD><C2BC><EFBFBD>API<50><49><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<br />
<div>
<h4>ʾ<EFBFBD><EFBFBD>1-2-1 <20><><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD>Ӧ<EFBFBD><D3A6> </h4>
<p>
<input id="d121" type="text" onfocus="WdatePicker({isShowWeek:true})"/>
<br />
&lt;input id=&quot;d121&quot; type=&quot;text&quot; onfocus=&quot;WdatePicker({<span class="STYLE2">isShowWeek:</span><span class="STYLE1">true</span>})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:<3A><><EFBFBD><EFBFBD>ο<EFBFBD><CEBF><EFBFBD><EFBFBD><EFBFBD>ISO8601<30><31><EFBFBD><EFBFBD><EFBFBD>ķ<EFBFBD><C4B7><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Դ<EFBFBD><D4B4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:</span><a href="javascript:if(confirm('http://en.wikipedia.org/wiki/ISO_week_date \n\n<><6E><EFBFBD>ļ<EFBFBD>δ<EFBFBD><CEB4> Teleport Pro <20><><EFBFBD>أ<EFBFBD><D8A3><EFBFBD>Ϊ <20><>λ<EFBFBD><CEBB><EFBFBD><EFBFBD>ʼ<EFBFBD><CABC>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD>õı߽<C4B1><DFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD>С<EFBFBD> \n\n<><6E><EFBFBD><EFBFBD>Ҫ<EFBFBD>ӷ<EFBFBD><D3B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))window.location='http://en.wikipedia.org/wiki/ISO_week_date'" tppabs="http://en.wikipedia.org/wiki/ISO_week_date" target="_blank">http://en.wikipedia.org/wiki/ISO_week_date</a><br />
<br />
<20><><EFBFBD>ѡ<E3B7A8><D1A1><span class="STYLE1">(4.8<EFBFBD><EFBFBD><EFBFBD><EFBFBD>)</span><br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<span class="STYLE2">weekMethod</span><br />
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͬ<EFBFBD>ĵط<EFBFBD><EFBFBD><EFBFBD>һЩ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
1. ISO8601:<3A><EFBFBD><E6B6A8>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><CEAA>һ<EFBFBD><D2BB><><C4AC>ֵ<br />
2. MSExcel:1<><31>1<EFBFBD><31><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD></p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>1-2-2 <20><><EFBFBD><EFBFBD>onpicked<65>¼<EFBFBD><C2BC><EFBFBD><EFBFBD>ܸ<EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1><EFBFBD></h4>
<p>
<input type="text" class="Wdate" id="d122" onFocus="WdatePicker({isShowWeek:true,onpicked:function(){$dp.$('d122_1').value=$dp.cal.getP('W','W');$dp.$('d122_2').value=$dp.cal.getP('W','WW');}})"/>
&nbsp;&nbsp;
<20><>ѡ<EFBFBD><D1A1><EFBFBD>˵<EFBFBD>
<input type="text" id="d122_1" size="3"/>
(W<><57>ʽ)<29><>, <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>WW<57><57>ʽ:
<input type="text" id="d122_2" size="3"/>
<20><> <br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d122&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">isShowWeek:</span><span class="STYLE1">true</span>,<span class="STYLE2">onpicked:</span><span class="STYLE1">function() {$dp.$('d122_1').value=$dp.cal.getP('W','W');$dp.$('d122_2').value=$dp.cal.getP('W','WW');}</span>})&quot;/&gt;<br />
<br />
onpicked <20>÷<EFBFBD><C3B7><EFBFBD><EFBFBD><EFBFBD><a href="2.5.asp.htm#m251" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp#m251"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD></a><br />
$dp.cal.getP <20>÷<EFBFBD><C3B7><EFBFBD><EFBFBD><EFBFBD><a href="999.asp.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp#m5"><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a><br />
</p>
</div>
</li>
<li>ֻ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĩ<EFBFBD><C4A9><EFBFBD><EFBFBD> <a name="m214" id="m214"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD>readOnly<EFBFBD><EFBFBD><EFBFBD><EFBFBD> true <20><> false <20><>ָ<EFBFBD><D6B8><EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD><DABF>Ƿ<EFBFBD>ֻ<EFBFBD><D6BB> <br />
<20><><EFBFBD><EFBFBD>highLineWeekDay<61><79><EFBFBD><EFBFBD> ture <20><> false <20><>ָ<EFBFBD><D6B8><EFBFBD>Ƿ<EFBFBD><C7B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĩ </p>
</li>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ť<EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD> <a name="m215" id="m215"></a>
<p><EFBFBD><EFBFBD><EFBFBD>հ<EFBFBD>ť<EFBFBD>ͽ<EFBFBD><EFBFBD>찴ť,<2C><><EFBFBD>Ը<EFBFBD><D4B8><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD>,<2C><><EFBFBD>Ƿֱ<C7B7><D6B1><EFBFBD>Ӧ isShowClear <20><> isShowToday Ĭ<><C4AC>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD>true</p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>1-5 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>չ<EFBFBD><D5B9><EFBFBD></h4>
<p> <20><><EFBFBD>ð<EFBFBD>readOnly<6C><79>Ϊtrue,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>հ<EFBFBD>ť,<2C>û<EFBFBD><C3BB><EFBFBD>Ȼ<EFBFBD><C8BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵdelete<74><65><br />
<input class="Wdate" type="text" id="d15" onFocus="WdatePicker({isShowClear:false,readOnly:true})"/>
<br />
&lt;input class=&quot;Wdate&quot; type=&quot;text&quot; id=&quot;d15&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">isShowClear:</span><span class="STYLE1">false</span>,<span class="STYLE2">readOnly:</span><span class="STYLE1">true</span>})&quot;/&gt;</p>
</div>
</li>
<li><EFBFBD>Զ<EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾλ<EFBFBD><EFBFBD><a name="m216" id="m216"></a>
<p><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ҳ<EFBFBD><EFBFBD><EFBFBD>߽<EFBFBD>ʱ,<2C><><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE>λ<EFBFBD><CEBB>,<2C><><EFBFBD><EFBFBD>û<EFBFBD>б<EFBFBD>Ҫ<EFBFBD><D2AA><EFBFBD>ĵ<EFBFBD><C4B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ᱻҳ<E1B1BB><D2B3><EFBFBD>߽<EFBFBD><DFBD><EFBFBD>ס<EFBFBD><D7A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>.</p>
</li>
<li><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD> <a name="m217" id="m217"></a>
<p><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ҳ<EFBFBD><EFBFBD><EFBFBD>߽<EFBFBD>ʱ,<2C><><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE>λ<EFBFBD><CEBB>.<2E><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E3BBB9><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>position<6F><6E><EFBFBD><EFBFBD><EFBFBD>Ե<EFBFBD><D4B5><EFBFBD>λ<EFBFBD><CEBB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>.</p>
<br />
<div>
<h4>ʾ<EFBFBD><EFBFBD>1-6 ͨ<><CDA8>position<6F><6E><EFBFBD><EFBFBD>,<2C>Զ<EFBFBD><D4B6><EFBFBD><E5B5AF>λ<EFBFBD><CEBB></h4>
<p>ʹ<EFBFBD><EFBFBD>positon<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD><EFBFBD><EFBFBD>Ϊ{left:100,top:50}<br />
<input class="Wdate" type="text" id="d16" onfocus="WdatePicker({position:{left:100,top:50}})"/>
<br />
&lt;input class=&quot;Wdate&quot; type=&quot;text&quot; id=&quot;d16&quot; onfocus=&quot;WdatePicker({<span class="STYLE2">position:</span><span class="STYLE1">{left:100,top:50}</span>})&quot;/&gt;<br />
<br />
position<6F><6E><EFBFBD>Ե<EFBFBD><D4B5><EFBFBD>ϸ<EFBFBD>÷<EFBFBD><C3B7><EFBFBD><EFBFBD><EFBFBD><a href="3.asp.htm#m31" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m31"><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD></a></p>
</div>
</li>
<li><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵĵ<EFBFBD>һ<EFBFBD><EFBFBD><span class="STYLE1">(4.6<EFBFBD><EFBFBD><EFBFBD><EFBFBD>)</span><a name="m218" id="m218"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ҵ<EFBFBD>ϰ<EFBFBD>߲<EFBFBD>ͬ,<2C><>Щϲ<D0A9><CFB2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><CEAA>һ<EFBFBD><D2BB>,<2C><>Щ<EFBFBD><D0A9><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><D2BB>Ϊ<EFBFBD><CEAA>һ<EFBFBD><D2BB>.<br />
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<span class="STYLE2">firstDayOfWeek</span>: <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> 0 - 6 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,0:<3A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> 1:<3A><><EFBFBD><EFBFBD>һ <20>Դ<EFBFBD><D4B4><EFBFBD><EFBFBD><EFBFBD></p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>1-7 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><D2BB>Ϊ<EFBFBD><CEAA>һ<EFBFBD><D2BB></h4>
<p>
<input class="Wdate" type="text" id="d17" onfocus="WdatePicker({firstDayOfWeek:1})"/>
<br />
&lt;input class=&quot;Wdate&quot; type=&quot;text&quot; id=&quot;d17&quot; onfocus=&quot;WdatePicker({<span class="STYLE2">firstDayOfWeek:</span><span class="STYLE1">1</span>})&quot;/&gt;<br />
</p>
</div>
</li>
</ol>
<h3><a href="2.2.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp">2. <20><>ɫ<EFBFBD><C9AB><EFBFBD><EFBFBD></a> <a name="m22" id="m22"></a></h3>
<h3><a href="2.3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.3.asp">3. <20><><EFBFBD><EFBFBD><EFBFBD>Ժ<EFBFBD><D4BA>Զ<EFBFBD><D4B6><EFBFBD>Ƥ<EFBFBD><C6A4></a><a name="m23" id="m23"></a></h3>
<h3><a href="2.4.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp">4. <20><><EFBFBD>ڷ<EFBFBD>Χ<EFBFBD><CEA7><EFBFBD><EFBFBD></a><a name="m24" id="m24"></a></h3>
<h3><a href="2.5.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp">5. <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD></a><a name="m25" id="m25"></a></h3>
<h3><a href="2.6.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.6.asp">6. <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a> <a name="m26" id="m26"></a></h3>
<h2><a href="3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/3.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5></a><a name="m3" id="m3"></a></h2>
<h2><a href="999.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/999.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></a><a name="m4" id="m4"></a></h2>
<br />
<br />
</div>
<div style="clear:both"></div>
</div>
<div class="dCenter dBody" style="padding-left:72px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6343250634002651";
/* <20>ײ<EFBFBD> */
google_ad_slot = "0599809152";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript">
</script>
</div>
<div id="footer" class="dCenter">&copy; 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>&nbsp;&nbsp;&nbsp;&nbsp;<EFBFBD><EFBFBD>ICP<EFBFBD><EFBFBD>11060275<EFBFBD><EFBFBD>
</div>
</body>
</html>

View File

@@ -0,0 +1,382 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97<EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <20><>ɫ<EFBFBD><C9AB><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><E6B9A6> My97 Datepicker Demo</title>
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
<link href="demo.css" tppabs="http://www.my97.net/dp/demo/resource/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe src="../../head.asp" tppabs="http://www.my97.net/dp/head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
<div class="dCenter dBody">
<div id="content">
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD>ܼ<EFBFBD>ʾ<EFBFBD><CABE><a name="m2" id="m2"></a></h2>
<h3>2. <20><>ɫ<EFBFBD><C9AB><EFBFBD><EFBFBD> <a name="m22" id="m22"></a></h3>
<ol>
<li>ƽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ
<a name="m221" id="m221"></a>
<p><EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD>֧<EFBFBD><EFBFBD>ƽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>,ֻҪ<D6BB><D2AA><EFBFBD><EFBFBD>һ<EFBFBD><D2BB>eCont<6E><74><EFBFBD>ԾͿ<D4BE><CDBF>԰<EFBFBD><D4B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><E8B4A5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><><D6B1><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD></p>
<br />
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-1 ƽ<><C6BD><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE>ʾ</h4>
<div id="div1" style="border:0;padding:5px"></div>
<script>
WdatePicker({eCont:'div1',onpicked:function(dp){alert('<27><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:'+dp.cal.getDateStr())}})
</script>
<p> &lt;div id=&quot;<span class="STYLE1">div1</span>&quot;&gt;&lt;/div&gt;<br />
&lt;script&gt;<br />
WdatePicker({<span class="STYLE2">eCont:</span><span class="STYLE1">'div1'</span>,onpicked:function(dp){alert('<27><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:'+dp.cal.getDateStr())}})<br />
&lt;/script&gt;<br />
<br />
$dp.cal.getDateStr <20>÷<EFBFBD><C3B7><EFBFBD><EFBFBD><EFBFBD><a href="999.asp.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp#m5"><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></p>
</div>
</li>
<li>֧<EFBFBD>ֶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<a name="m222" id="m222"></a>
<p><EFBFBD><EFBFBD><EFBFBD>˿<EFBFBD><EFBFBD>Խ<EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD>ظ<EFBFBD>input<EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD><EFBFBD><EFBFBD>el<65><6C><EFBFBD>Խ<EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD>ظ<EFBFBD><D8B8><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD><D4AA>(<28><>:textarea,div,span)<29><>,<2C><><EFBFBD><EFBFBD>innerHTML<4D><4C><EFBFBD>Ե<EFBFBD>HTMLԪ<4C><D4AA></p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-2 <20><><EFBFBD><EFBFBD><EFBFBD>ڷ<EFBFBD><DAB7>ص<EFBFBD>&lt;span&gt;<EFBFBD><EFBFBD></h4>
<p><span id="demospan">2008-01-01</span> <img onClick="WdatePicker({el:'demospan'})" src="../../../skin/datePicker.gif" tppabs="http://www.my97.net/dp/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle" style="cursor:pointer" /><br />
<br />
<20><><EFBFBD><EFBFBD>:<br />
&lt;span id=&quot;<span class="STYLE1">demospan</span>&quot;&gt;2008-01-01&lt;/span&gt; <br />
&lt;img onClick=&quot;WdatePicker({<span class="STYLE2">el:</span><span class="STYLE1">'demospan'</span>})&quot; src=&quot;../../../skin/datePicker.gif&quot; width=&quot;16&quot; height=&quot;22&quot; align=&quot;absmiddle&quot; style=&quot;cursor:pointer&quot; /&gt;</p>
</div>
</li>
<li><EFBFBD><EFBFBD>ʼ<EFBFBD><EFBFBD><EFBFBD>ڹ<EFBFBD><EFBFBD><EFBFBD> <a name="m223" id="m223"></a><br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:<3A><><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> realDateFmt <20><> realTimeFmt һ<><EFBFBD><C2B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> dateFmt һ<><D2BB></span>
<p><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҫѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>֮<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>Ĭ<EFBFBD>ϵ㿪ʼ<E3BFAA><CABC><EFBFBD>ڶ<EFBFBD><DAB6>ǵ<EFBFBD>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD>dz<EFBFBD><C7B3>鷳,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD>ʼ<EFBFBD><CABC><EFBFBD>ڹ<EFBFBD><DAB9>ܼ<EFBFBD><DCBC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>alwaysUseStartDate<74><65><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɽ<EFBFBD><C9BD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-3-1 <20><>ʼ<EFBFBD><CABC><EFBFBD>ڼ<EFBFBD><DABC><EFBFBD>Ӧ<EFBFBD><D3A6> </h4>
<p>Ĭ<EFBFBD>ϵ<EFBFBD><EFBFBD><EFBFBD>ʼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ 1980-05-01<br />
<20><><EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD><span class="STYLE2">Ϊ<EFBFBD><EFBFBD>ֵʱ</span>,<2C><>ʹ<EFBFBD><CAB9> 1980-05-01 <20><>Ϊ<EFBFBD><CEAA>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD> <br />
<br />
<input type="text" id="d221" onFocus="WdatePicker({startDate:'1980-05-01'})"/>
<br />
&lt;input type=&quot;text&quot; id=&quot;d221&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">startDate:</span><span class="STYLE1">'1980-05-01'</span>})&quot;/&gt;</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-3-2 alwaysUseStartDate<74><65><EFBFBD><EFBFBD>Ӧ<EFBFBD><D3A6></h4>
<p>Ĭ<EFBFBD>ϵ<EFBFBD><EFBFBD><EFBFBD>ʼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ 1980-05-01<br />
<20><><EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD><span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ǻ<EFBFBD>ֵ</span>,ʼ<><CABC>ʹ<EFBFBD><CAB9> 1980-05-01 <20><>Ϊ<EFBFBD><CEAA>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD> <br />
<br />
<input type="text" id="d222" onfocus="WdatePicker({startDate:'1980-05-01',alwaysUseStartDate:true})"/>
<br />
&lt;input type=&quot;text&quot; id=&quot;d222&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">startDate:</span><span class="STYLE1">'1980-05-01'</span>,<span class="STYLE2">alwaysUseStartDate:</span><span class="STYLE1">true</span>})&quot;/&gt;</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-3-3 ʹ<><CAB9><EFBFBD><EFBFBD><EFBFBD>ò<EFBFBD><C3B2><EFBFBD></h4>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>þ<EFBFBD>̬<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>ö<EFBFBD>̬<EFBFBD><CCAC><EFBFBD><EFBFBD>(<28><>:%y,%M<>ֱ<EFBFBD><D6B1><EFBFBD>ʾ<EFBFBD><CABE>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)<br />
<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ,<span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>õ<EFBFBD><EFBFBD><EFBFBD>µ<EFBFBD>1<EFBFBD><EFBFBD><><CAB1><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>00:00:00<30><30>Ϊ<EFBFBD><CEAA>ʼʱ<CABC><CAB1></span><br />
<br />
<input type="text" id="d233" onFocus="WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true})"/>
<br />
&lt;input type=&quot;text&quot; id=&quot;d233&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">startDate:</span><span class="STYLE1">'%y-%M-01 00:00:00'</span>,dateFmt:'yyyy-MM-dd HH:mm:ss',<span class="STYLE2">alwaysUseStartDate:</span><span class="STYLE1">true</span>})&quot;/&gt;</p>
</div>
</li>
<li><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ
<a name="m224" id="m224"></a>
<p>yMdHmswW<EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ЩԪ<D0A9><D4AA><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ի<EFBFBD><D4BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD>ʽ. </p>
<br />
<20><><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD>
<table width="100%" border="0" cellspacing="1" bgcolor="#000000">
<tr>
<th width="12%"><EFBFBD><EFBFBD>ʽ</th>
<th width="88%">˵<EFBFBD><EFBFBD></th>
</tr>
<tr>
<td align="center">y</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݱ<EFBFBD>ʾΪ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD>֡<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>н<EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">yy </td>
<td>ͬ<EFBFBD>ϣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">yyy</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݱ<EFBFBD>ʾΪ<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD>֡<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">yyyy</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݱ<EFBFBD>ʾΪ<EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD>֡<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">M</td>
<td><EFBFBD><EFBFBD><EFBFBD>·ݱ<EFBFBD>ʾΪ<EFBFBD><EFBFBD> 1 <20><> 12 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">MM</td>
<td>ͬ<EFBFBD>ϣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">MMM</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·ݵ<EFBFBD><EFBFBD><EFBFBD>д һ<><D2BB> <20><> ʮ<><CAAE><EFBFBD><EFBFBD><><D3A2>״̬<D7B4><CCAC> Jan to Dec) <20><></td>
</tr>
<tr>
<td align="center">MMMM</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·ݵ<EFBFBD>ȫ<EFBFBD><EFBFBD> һ<><D2BB> <20><> ʮ<><CAAE><EFBFBD><EFBFBD><><D3A2>״̬<D7B4><CCAC> January to December) <20><></td>
</tr>
<tr>
<td align="center">d</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڱ<EFBFBD>ʾΪ<EFBFBD><EFBFBD> 1 <20><> 31 <20><><EFBFBD><EFBFBD><EFBFBD>֡<EFBFBD></td>
</tr>
<tr>
<td align="center">dd</td>
<td>ͬ<EFBFBD>ϣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">H </td>
<td><EFBFBD><EFBFBD>Сʱ<EFBFBD><EFBFBD>ʾΪ<EFBFBD><EFBFBD> 0 <20><> 23 <20><><EFBFBD><EFBFBD><EFBFBD>֡<EFBFBD></td>
</tr>
<tr>
<td align="center">HH</td>
<td>ͬ<EFBFBD>ϣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">m</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ӱ<EFBFBD>ʾΪ<EFBFBD><EFBFBD> 0 <20><> 59 <20><><EFBFBD><EFBFBD><EFBFBD>֡<EFBFBD></td>
</tr>
<tr>
<td align="center">mm</td>
<td>ͬ<EFBFBD>ϣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">s</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾΪ<EFBFBD><EFBFBD> 0 <20><> 59 <20><><EFBFBD><EFBFBD><EFBFBD>֡<EFBFBD></td>
</tr>
<tr>
<td align="center">ss</td>
<td>ͬ<EFBFBD>ϣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">w</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڶ<EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> 0 (<28><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>) - 6 (<28><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>) <20><></td>
</tr>
<tr>
<td align="center">D</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD><EFBFBD><EFBFBD>д һ <20><> <20><><><D3A2>״̬<D7B4><CCAC> Sun to Sat) <20><></td>
</tr>
<tr>
<td align="center">DD</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD>ȫ<EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>һ <20><> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><><D3A2>״̬<D7B4><CCAC> Sunday to Saturday) <20><></td>
</tr>
<tr>
<td align="center">W</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ܶ<EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> (1 - 53) <20><></td>
</tr>
<tr>
<td align="center">WW</td>
<td>ͬ<EFBFBD>ϣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD><EFBFBD> (01 - 53) <20><></td>
</tr>
</table>
<br />
ʾ<><CABE><br />
<table width="100%" border="0" cellspacing="1" bgcolor="#000000">
<tr>
<th width="191"><EFBFBD><EFBFBD>ʽ<EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD></th>
<th width="460">ֵ</th>
</tr>
<tr>
<td>yyyy-MM-dd HH:mm:ss</td>
<td>2008-03-12 19:20:00</td>
</tr>
<tr>
<td>yy<EFBFBD><EFBFBD>M<EFBFBD><EFBFBD></td>
<td>08<EFBFBD><EFBFBD>3<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td>yyyyMMdd</td>
<td>20080312</td>
</tr>
<tr>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:yyyy<79><79>M<EFBFBD><4D>d HHʱmm<6D><6D> </td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:2008<30><38>3<EFBFBD><33>12<31><32> 19ʱ20<32><30></td>
</tr>
<tr>
<td>H:m:s</td>
<td>19:20:0</td>
</tr>
<tr>
<td>y<EFBFBD><EFBFBD></td>
<td>8<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td>MMMM d, yyyy</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD> 12, 2008</td>
</tr>
</table>
<div>
<h4>ʾ<EFBFBD><EFBFBD> 2-4-1: <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD></h4>
<p>
<input type="text" id="d241" onfocus="WdatePicker({dateFmt:'yyyy<79><79>MM<4D><4D>dd<64><64> HHʱmm<6D><6D>ss<73><73>'})" class="Wdate" style="width:300px"/>
<br />
&lt;input type=&quot;text&quot; id=&quot;d241&quot; onfocus=&quot;WdatePicker({<span class="STYLE2">dateFmt:</span><span class="STYLE1">'yyyy<79><79>MM<4D><4D>dd<64><64> HHʱmm<6D><6D>ss<73><73>'</span>})&quot; class=&quot;Wdate&quot; style=&quot;width:300px&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>β<EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD>ԭ<EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD> <a href="3.asp.htm#autopickdate" tppabs="http://www.my97.net/dp/demo/resource/3.asp#autopickdate">autoPickDate</a> <20><><EFBFBD><EFBFBD></p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD> 2-4-2 ʱ<><CAB1><EFBFBD><EFBFBD></h4>
<p>
<input type="text" id="d242" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'H:mm:ss'})" class="Wdate"/>
<br />
&lt;input type=&quot;text&quot; id=&quot;d242&quot; onfocus=&quot;WdatePicker({skin:'whyGreen',<span class="STYLE2">dateFmt:</span><span class="STYLE1">'H:mm:ss'</span>})&quot; class=&quot;Wdate&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǰʹ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƥ<EFBFBD><EFBFBD>(skin)<29><><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E1BFB4>һ<EFBFBD><D2BB><EFBFBD><EFBFBD>ͬ<EFBFBD><CDAC>Ƥ<EFBFBD><C6A4><><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a href="2.3.asp.htm#m232" tppabs="http://www.my97.net/dp/demo/resource/2.3.asp#m232"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ͷ<EFBFBD>̬<EFBFBD>л<EFBFBD>Ƥ<EFBFBD><EFBFBD></a> </p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD> 2-4-3 <20><><EFBFBD><EFBFBD></h4>
<p>
<input type="text" id="d243" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy<79><79>MM<4D><4D>'})" class="Wdate"/>
<br />
&lt;input type=&quot;text&quot; id=&quot;d243&quot; onfocus=&quot;WdatePicker({skin:'whyGreen',<span class="STYLE2">dateFmt:</span><span class="STYLE1">'yyyy<79><79>MM<4D><4D>'</span>})&quot; class=&quot;Wdate&quot;/&gt;</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD> 2-4-4 ȡ<><C8A1>ϵͳ<CFB5><CDB3>ʶ<EFBFBD><CAB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<span class="STYLE1">(<28><>Ҫ)</span></h4>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> 1999<39><39>7<EFBFBD><37>5<EFBFBD><35> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Dz<EFBFBD><C7B2>ܹ<EFBFBD><DCB9><EFBFBD>ϵͳʶ<CDB3><CAB6><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ת<EFBFBD><D7AA>Ϊ<EFBFBD>ܹ<EFBFBD>ʶ<EFBFBD><CAB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> 1999-07-05 <br />
<br />
<input id="d244" type="text" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy<79><79>M<EFBFBD><4D>d<EFBFBD><64>',vel:'d244_2'})"/>
<20><>ʵ<EFBFBD><CAB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><D6B5>:
<input id="d244_2" type="text" />
<br />
&lt;input id=&quot;d244&quot; type=&quot;text&quot; class=&quot;Wdate&quot; onfocus=&quot;WdatePicker(<span class="STYLE2">{dateFmt:</span><span class="STYLE1">'yyyy<79><79>M<EFBFBD><4D>d<EFBFBD><64>'</span>,<span class="STYLE2">vel:</span><span class="STYLE1">'d244_2'</span>})&quot;/&gt;<br />
&lt;input id=&quot;<span class="STYLE1">d244_2</span>&quot; type=&quot;text&quot; /&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD>ʵ<EFBFBD><EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>,һ<><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD>velָ<6C><D6B8>Ϊһ<CEAA><D2BB><span class="STYLE2">hidden<EFBFBD>ؼ<EFBFBD></span>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD>˰<EFBFBD><CBB0><EFBFBD>ʵֵչʾ<D5B9><CABE><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9><EFBFBD>ı<EFBFBD><C4B1><EFBFBD><br />
<span class="STYLE1"><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:</span> <span class="STYLE2">vel</span> ָ<><D6B8>һ<EFBFBD><D2BB><EFBFBD>ؼ<EFBFBD><D8BC><EFBFBD><EFBFBD>ؼ<EFBFBD><D8BC><EFBFBD>ID,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>value<75><65><EFBFBD><EFBFBD>(<28><>input),<2C><><EFBFBD>ڴ洢<DAB4><E6B4A2>ʵֵ(Ҳ<><D2B2><EFBFBD><EFBFBD>realDateFmt<6D><74>realTimeFmt<6D><74>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ)</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD> 2-4-5 <20><><EFBFBD><EFBFBD>, <20><> <20><>, <20><><span class="STYLE1">(4.6<EFBFBD><EFBFBD><EFBFBD><EFBFBD>)</span></h4>
<p>
<input type="text" id="d245" style="width:200px" onfocus="WdatePicker({dateFmt:'DD, MMMM d, yyyy'})" class="Wdate"/>
<br />
&lt;input type=&quot;text&quot; id=&quot;d245&quot; onfocus=&quot;WdatePicker({<span class="STYLE2">dateFmt:</span><span class="STYLE1">'DD, MMMM d, yyyy'</span>})&quot; class=&quot;Wdate&quot;/&gt;</p>
</div>
</li>
<li> ˫<><CBAB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><span class="STYLE1">(4.6<EFBFBD><EFBFBD><EFBFBD><EFBFBD>)</span> <a name="m225" id="m225"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͬʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>µ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-5 ˫<><CBAB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p>
<input class="Wdate" type="text" onfocus="WdatePicker({doubleCalendar:true,dateFmt:'yyyy-MM-dd'})"/>
<br />
&lt;input class=&quot;Wdate&quot; type=&quot;text&quot; onfocus=&quot;WdatePicker({<span class="STYLE2">doubleCalendar:</span><span class="STYLE1">true</span>,dateFmt:'yyyy-MM-dd'})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span>˫<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD>ֻ<EFBFBD><EFBFBD><EFBFBD>ڰ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD>صij<EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ø<EFBFBD><C3B8><EFBFBD><EFBFBD><EFBFBD>ʱ,autoPickDate<74>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>Ϊtrue</p>
</div>
</li>
<li><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<a name="m226" id="m226"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ3<EFBFBD><EFBFBD>ģʽ:<3A><>ʾ<><C4AC>) <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD><DABF>е<EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD><EFBFBD>ϸ<EFBFBD>ʽʱ,ϵͳ<CFB5><EFBFBD><E1B3A2><EFBFBD>Զ<EFBFBD><D4B6>޸<EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>޸<EFBFBD>ʧ<EFBFBD>ܻ<EFBFBD><DCBB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>õľ<C3B5><C4BE><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ģʽ<C4A3><CABD><EFBFBD>д<EFBFBD><D0B4><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>жϹ<D0B6><CFB9>ܷdz<DCB7><C7B3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD>֤<EFBFBD>û<EFBFBD><C3BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><D6B5>һ<EFBFBD><D2BB><EFBFBD>Ϸ<EFBFBD><CFB7><EFBFBD>ֵ</p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-6-1 <20><><EFBFBD>Ϸ<EFBFBD><CFB7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ</h4>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD><EFBFBD><EFBFBD><span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϸ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<28><>:1997-02-29)</span>,<2C><><span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><br />
ʹ<><CAB9>Ĭ<EFBFBD><C4AC><EFBFBD>ݴ<EFBFBD>ģʽ <span class="STYLE2"><EFBFBD><EFBFBD>ʾģʽ</span> errDealMode = 0 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ,<2C><><EFBFBD><EFBFBD><span class="STYLE2"><EFBFBD><EFBFBD>ʾ</span> <br />
<input type="text" class="Wdate" id="d261" onclick="WdatePicker()"/>
<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span>1997<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŷ</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-6-2 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ʒ<EFBFBD>Χ<EFBFBD><CEA7><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҳ<EFBFBD><D2B2><EFBFBD><EFBFBD>Ϊ<EFBFBD><CEAA>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD>Ϸ<EFBFBD><CFB7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>2000-01-10 ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>¿<EFBFBD><C2BF><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> 2000-01-10(<28><>2000-01-12)Ҳ<><EFBFBD><E1B1BB>Ϊ<EFBFBD>Dz<EFBFBD><C7B2>Ϸ<EFBFBD><CFB7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <br />
<span class="STYLE2"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ģʽ</span> errDealMode = 1 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ,<span class="STYLE2"><EFBFBD>Զ<EFBFBD><EFBFBD>ָ<EFBFBD>ǰһ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȷ<EFBFBD><EFBFBD>ֵ</span><br />
<input name="text" type="text" class="Wdate" onfocus="WdatePicker({errDealMode:1,maxDate:'2000-01-10'})"/>
</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-6-3 ʹ<><CAB9><EFBFBD><EFBFBD>Ч<EFBFBD><D0A7><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><D0A7><EFBFBD>ڹ<EFBFBD><DAB9><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƶ<EFBFBD><C6B5><EFBFBD><EFBFBD><EFBFBD>Ҳ<EFBFBD><D2B2><EFBFBD><EFBFBD>Ϊ<EFBFBD><CEAA>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD>Ϸ<EFBFBD><CFB7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p><EFBFBD><EFBFBD>:<br />
2008-02-20 <20><>Ч<EFBFBD><D0A7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
2008-02-02 2008-02-09 2008-02-16 2008-02-23 <20><>Ч<EFBFBD><D0A7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><D0A7><EFBFBD><EFBFBD><br />
<20><><EFBFBD><EFBFBD><EFBFBD>Գ<EFBFBD><D4B3><EFBFBD><EFBFBD><EFBFBD><EFBFBD>¿<EFBFBD><C2BF><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Щ<EFBFBD><D0A9><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EBBFAA><EFBFBD><EFBFBD><br />
<br />
<span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ģʽ</span> errDealMode = 2 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ,<span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD>͸<EFBFBD><EFBFBD><EFBFBD><><D6BB><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD>ڿ򲻻<DABF><F2B2BBBB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><br />
<input name="text2" type="text" class="Wdate" onfocus="WdatePicker({errDealMode:2,maxDate:'2010-01-10',disabledDays:[6],disabledDates:['2008-02-20']})" value="2008-02-12"/>
<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:WdateFmtErr<72><72><EFBFBD><EFBFBD>skinĿ¼<C4BF><C2BC>WdatePicker.css<73>ж<EFBFBD><D0B6><EFBFBD><EFBFBD><EFBFBD></p>
</div>
</li>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>޼<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ
<a name="m227" id="m227"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><EFBFBD><E3B6BC><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA><EFBFBD>Ļᱻ<C4BB><E1B1BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD>iframe<6D><65><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD><EFBFBD><EFBFBD>Ӱ<EFBFBD><D3B0><EFBFBD>ͻ<EFBFBD><CDBB><EFBFBD><EFBFBD><EFBFBD>,<2C><>ΪMy97<39><37><EFBFBD>ڿؼ<DABF><D8BC>ǿ<EFBFBD><C7BF>Կ<EFBFBD><D4BF><EFBFBD><EFBFBD>޼<EFBFBD><DEBC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE></p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-7 <20><><EFBFBD><EFBFBD><EFBFBD>޼<EFBFBD><DEBC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ</h4>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>޿<EFBFBD>Խ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>iframe,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ôǶ<C3B4>׿<EFBFBD><D7BF>ܶ<EFBFBD><DCB6><EFBFBD><EFBFBD>ص<EFBFBD><D8B5><EFBFBD><EFBFBD><EFBFBD>,<2C><>ʹ<EFBFBD>й<EFBFBD><D0B9><EFBFBD><EFBFBD><EFBFBD>Ҳ<EFBFBD><D2B2><EFBFBD><EFBFBD><br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:Javascript<70><74><EFBFBD>޷<EFBFBD><DEB7><EFBFBD>Խframeset<65><74>,<2C><><EFBFBD><EFBFBD>My97<39><37><EFBFBD>ڿؼ<DABF><D8BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD>޿<EFBFBD>Խ<EFBFBD><D4BD><EFBFBD><EFBFBD>iframe,<2C>κε<CEBA>frameset<65><74><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>iframe<6D><65><EFBFBD><EFBFBD></span></p>
<iframe src="demo_iframe.htm" tppabs="http://www.my97.net/dp/demo/resource/demo_iframe.htm" width="100%" height="220px" frameborder="0"></iframe>
</div>
</li>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<a name="m228" id="m228"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݸ<EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊyyy<EFBFBD><EFBFBD>ʽʱ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݲ<EFBFBD><DDB2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>yearOffset(Ĭ<><C4AC>ֵ1911<31><31><EFBFBD><EFBFBD>Ԫ<EFBFBD><D4AA>),<2C><>ʵ<EFBFBD><CAB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-8 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ</h4>
<p>
<input type="text" id="d28" onClick="WdatePicker({dateFmt:'yyy/MM/dd'})"/>
<br />
&lt;input type=&quot;text&quot; id=&quot;d28&quot; onClick=&quot;WdatePicker({<span class="STYLE2">dateFmt:</span><span class="STYLE1">'yyy/MM/dd'</span>})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD><EFBFBD>ݸ<EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD>ó<EFBFBD>yyyʱ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڽ<EFBFBD><DABD><EFBFBD><EFBFBD><EFBFBD>ȥһ<C8A5><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><span class="STYLE2">yearOffset(Ĭ<><C4AC>ֵΪ:1911)</span>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>Ĭ<EFBFBD><C4AC>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>IJ<EFBFBD><C4B2><EFBFBD>,<2C><><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD></p>
</div>
</li>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <a name="m229" id="m229"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵʱ,<2C>޸<EFBFBD><DEB8><EFBFBD>ij<EFBFBD><C4B3><EFBFBD><EFBFBD><EFBFBD>Ժ<EFBFBD>,ֻҪ<D6BB><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ť<EFBFBD>Ϳ<EFBFBD><CDBF><EFBFBD>ʵ<EFBFBD><CAB5>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵı</p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>2-9 <20><><EFBFBD>ں<EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD>ı<C4B1><E0BCAD>ʾ</h4>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Գ<EFBFBD><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>е<EFBFBD><EFBFBD>·ݸ<EFBFBD>Ϊ1,Ȼ<><C8BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD></span>,<2C><><EFBFBD><EFBFBD><E1B7A2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> 2000-<span class="STYLE1">02</span>-29 01:00:00 <20><>Ϊ 2000-<span class="STYLE1">01</span>-29 01:00:00<br />
<input class="Wdate" type="text" style="width:200px" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" value="2000-02-29 01:00:00"/>
</p>
</div>
</li>
<li>Ϊ<EFBFBD><EFBFBD><EFBFBD>̴<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<a name="m22a" id="m22a"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD>el<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD>this,<2C><>ʡ<EFBFBD><CAA1>,<2C><><EFBFBD><EFBFBD><EFBFBD>е<EFBFBD>el:this<69><73><EFBFBD><EFBFBD><EFBFBD>Բ<EFBFBD>д <br />
<20><><EFBFBD>ڿ<EFBFBD><DABF><EFBFBD><EFBFBD><EFBFBD>Ϊdisabledʱ,<2C><>ֹ<EFBFBD><D6B9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<28><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD>) <br />
<20><><EFBFBD><EFBFBD>û<EFBFBD>ж<EFBFBD><D0B6><EFBFBD>onpicked<65>¼<EFBFBD>,<2C>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1><EFBFBD><EFBFBD><EFBFBD>onchange<67>¼<EFBFBD> <br />
<20><><EFBFBD><EFBFBD>û<EFBFBD>ж<EFBFBD><D0B6><EFBFBD>oncleared<65>¼<EFBFBD>,<2C><><EFBFBD><EFBFBD>ʱ,<2C>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>onchange<67>¼<EFBFBD></p>
</li>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
<a name="m22b" id="m22b"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD>readOnly<EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>ָ<EFBFBD><D6B8><EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD><DABF>Ƿ<EFBFBD>ֻ<EFBFBD><D6BB> <br />
<20><><EFBFBD><EFBFBD>highLineWeekDay<61><79><EFBFBD><EFBFBD>,<2C><>ָ<EFBFBD><D6B8><EFBFBD>Ƿ<EFBFBD><C7B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĩ <br />
<20><><EFBFBD><EFBFBD>isShowOthers<72><73><EFBFBD><EFBFBD>,<2C><>ָ<EFBFBD><D6B8><EFBFBD>Ƿ<EFBFBD><C7B7><EFBFBD>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD><EFBFBD>µ<EFBFBD><C2B5><EFBFBD><EFBFBD><EFBFBD> <br />
<20><><EFBFBD><EFBFBD>class="Wdate"<22>ͻ<EFBFBD><CDBB><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>ұ߳<D2B1><DFB3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͼ<EFBFBD><CDBC></p>
</li>
</ol>
<h3><a href="2.3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.3.asp">3. <20><><EFBFBD><EFBFBD><EFBFBD>Ժ<EFBFBD><D4BA>Զ<EFBFBD><D4B6><EFBFBD>Ƥ<EFBFBD><C6A4></a><a name="m23" id="m23"></a></h3>
<h3><a href="2.4.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp">4. <20><><EFBFBD>ڷ<EFBFBD>Χ<EFBFBD><CEA7><EFBFBD><EFBFBD></a><a name="m24" id="m24"></a></h3>
<h3><a href="2.5.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp">5. <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD></a><a name="m25" id="m25"></a></h3>
<h3><a href="2.6.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.6.asp">6. <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a> <a name="m26" id="m26"></a></h3>
<h2><a href="3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/3.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5></a><a name="m3" id="m3"></a></h2>
<h2><a href="999.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/999.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></a><a name="m4" id="m4"></a></h2>
<br />
<br />
</div>
<div style="clear:both"></div>
</div>
<div class="dCenter dBody" style="padding-left:72px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6343250634002651";
/* <20>ײ<EFBFBD> */
google_ad_slot = "0599809152";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript">
</script>
</div>
<div id="footer" class="dCenter">&copy; 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>&nbsp;&nbsp;&nbsp;&nbsp;<EFBFBD><EFBFBD>ICP<EFBFBD><EFBFBD>11060275<EFBFBD><EFBFBD>
</div>
</body>
</html>

View File

@@ -0,0 +1,97 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97<EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <20><><EFBFBD>Ժ<EFBFBD>Ƥ<EFBFBD><C6A4> My97 Datepicker Demo</title>
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
<link href="demo.css" tppabs="http://www.my97.net/dp/demo/resource/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe src="../../head.asp" tppabs="http://www.my97.net/dp/head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
<div class="dCenter dBody">
<div id="content">
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD>ܼ<EFBFBD>ʾ<EFBFBD><CABE><a name="m2" id="m2"></a></h2>
<h3>3. <20><><EFBFBD><EFBFBD><EFBFBD>Ժ<EFBFBD><D4BA>Զ<EFBFBD><D4B6><EFBFBD>Ƥ<EFBFBD><C6A4><a name="m23" id="m23"></a></h3>
<br />
<ol>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD><EFBFBD>
<a name="m231" id="m231"></a>
<p>ͨ<EFBFBD><EFBFBD>lang<EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>Ϊÿ<CEAA><C3BF><EFBFBD><EFBFBD><EFBFBD>ڿؼ<DABF><D8BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>ȻҲ<C8BB><D2B2><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8>WdatePicker.js<6A><73><EFBFBD><EFBFBD>ȫ<EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD><EFBFBD><br />
<20><><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><D0B1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>԰<EFBFBD>װ˵<D7B0><CBB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a href="3.asp.htm#m32" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m32"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>3-1 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE> </h4>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<input name="text3" type="text" class="Wdate" id="d311" onfocus="WdatePicker({lang:'zh-tw'})"/>
<br />
&lt;input id=&quot;d311&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onFocus=&quot;WdatePicker({<span class="STYLE1">lang:</span><span class="STYLE2">'zh-tw'</span>})&quot;/&gt;</p>
<p> Ӣ<><D3A2>:
<input name="text3" type="text" class="Wdate" id="d312" onfocus="WdatePicker({lang:'en'})"/>
<br />
&lt;input id=&quot;d312&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onFocus=&quot;WdatePicker({<span class="STYLE1">lang:</span><span class="STYLE2">'en'</span>})&quot;/&gt;</p>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:
<input name="text3" type="text" class="Wdate" id="d313" onfocus="WdatePicker({lang:'zh-cn'})"/>
<br />
&lt;input id=&quot;d313&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onFocus=&quot;WdatePicker({<span class="STYLE1">lang:</span><span class="STYLE2">'zh-cn'</span>})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span>Ĭ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>lang='auto',<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>.<br />
<br />
<span class="STYLE1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:</span><EFBFBD>ܶ<EFBFBD><EFBFBD><EFBFBD>Ŀ<EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>й̶<D0B9><CCB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><><CFA3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǿ<EFBFBD><C7BF>ij<EFBFBD><C4B3><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>:<3A><><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD>̨<EFBFBD><CCA8><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ե<EFBFBD>ѡ<EFBFBD><D1A1>,<2C><>ʵ<EFBFBD><CAB5><EFBFBD><EFBFBD>ʵ<EFBFBD><CAB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ǻ<EFBFBD><C7BA><EFBFBD><EFBFBD>׵<EFBFBD>,My97Datepicker<65><72>֧<EFBFBD>ֶ<EFBFBD><D6B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>cn_WdatePicker.js,en_WdatePicker.js(ע<><D7A2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>WdatePicker.js<6A><73>β)<29>ȵ<EFBFBD>,<2C><><EFBFBD><EFBFBD>ЩWdatePicker.js<6A><73><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ò<EFBFBD>ͬ<EFBFBD><CDAC>Ĭ<EFBFBD><C4AC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><><C6A4>,<2C><>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>õIJ<C3B5><C4B2><EFBFBD><><C8BB><EFBFBD><EFBFBD>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϵͳ<CFB5><CDB3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>벻ͬ<EBB2BB><CDAC>xx_WdatePicker.js<6A><73><EFBFBD><EFBFBD><br />
</p>
</div>
</li>
<li><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ͷ<EFBFBD>̬<EFBFBD>л<EFBFBD>Ƥ<EFBFBD><EFBFBD>
<a name="m232" id="m232"></a>
<a href="javascript:if(confirm('http://www.my97.net/dp/skin.asp \n\n<><6E><EFBFBD>ļ<EFBFBD>δ<EFBFBD><CEB4> Teleport Pro <20><><EFBFBD>أ<EFBFBD><D8A3><EFBFBD>Ϊ <20><>λ<EFBFBD><CEBB><EFBFBD><EFBFBD>ʼ<EFBFBD><CABC>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD>õı߽<C4B1><DFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD>С<EFBFBD> \n\n<><6E><EFBFBD><EFBFBD>Ҫ<EFBFBD>ӷ<EFBFBD><D3B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))window.location='http://www.my97.net/dp/skin.asp'" tppabs="http://www.my97.net/dp/skin.asp" target="_top" class="STYLE1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ת<EFBFBD><EFBFBD>Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a>
<p>ͨ<EFBFBD><EFBFBD>skin<EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>Ϊÿ<CEAA><C3BF><EFBFBD><EFBFBD><EFBFBD>ڿؼ<DABF><D8BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƥ<EFBFBD><C6A4>,<2C><>ȻҲ<C8BB><D2B2><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8>WdatePicker.js<6A><73><EFBFBD><EFBFBD>ȫ<EFBFBD>ֵ<EFBFBD>Ƥ<EFBFBD><C6A4><br />
Ƥ<><C6A4><EFBFBD>б<EFBFBD><D0B1><EFBFBD>Ƥ<EFBFBD><C6A4><EFBFBD><EFBFBD>װ˵<D7B0><CBB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a href="3.asp.htm#m33" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m33">Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>3-2 Ƥ<><C6A4><EFBFBD><EFBFBD>ʾ</h4>
<p><b>Ĭ<EFBFBD><EFBFBD>Ƥ<EFBFBD><EFBFBD>default</b>: skin:'default'<br />
<input id="d321" class="Wdate" type="text" onfocus="WdatePicker()"/>
<br />
&lt;input id=&quot;d321&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onfocus=&quot;WdatePicker()&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD>WdatePicker<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>skin='default',<2C><><EFBFBD>Դ˴<D4B4><CBB4><EFBFBD>ʡ<EFBFBD><CAA1><><CDAC>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>WdatePicker<65><72><EFBFBD><EFBFBD>skin<69><6E><EFBFBD>ó<EFBFBD>'whyGreen'<27><>ô<EFBFBD>ڲ<EFBFBD>ָ<EFBFBD><D6B8>Ƥ<EFBFBD><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>'whyGreen'Ƥ<><C6A4><EFBFBD><EFBFBD></p>
<p><br />
<b>whyGreenƤ<EFBFBD><EFBFBD></b>: skin:'whyGreen' <font color="#FF0000"><br />
</font>
<input id="d322" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen'})"/>
<br />
&lt;input id=&quot;d322&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onfocus=&quot;WdatePicker({<span class="STYLE2">skin:</span><span class="STYLE1">'whyGreen'</span>})&quot;/&gt;<br/><br/>
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƥ<EFBFBD><EFBFBD>,<2C><a href="javascript:if(confirm('http://www.my97.net/dp/skin.asp \n\n<><6E><EFBFBD>ļ<EFBFBD>δ<EFBFBD><CEB4> Teleport Pro <20><><EFBFBD>أ<EFBFBD><D8A3><EFBFBD>Ϊ <20><>λ<EFBFBD><CEBB><EFBFBD><EFBFBD>ʼ<EFBFBD><CABC>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD>õı߽<C4B1><DFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD>С<EFBFBD> \n\n<><6E><EFBFBD><EFBFBD>Ҫ<EFBFBD>ӷ<EFBFBD><D3B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))window.location='http://www.my97.net/dp/skin.asp'" tppabs="http://www.my97.net/dp/skin.asp" target="_top">Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
</div>
</li>
</ol>
<h3><a href="2.4.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp">4. <20><><EFBFBD>ڷ<EFBFBD>Χ<EFBFBD><CEA7><EFBFBD><EFBFBD></a><a name="m24" id="m24"></a></h3>
<h3><a href="2.5.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp">5. <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD></a><a name="m25" id="m25"></a></h3>
<h3><a href="2.6.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.6.asp">6. <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a> <a name="m26" id="m26"></a></h3>
<h2><a href="3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/3.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5></a><a name="m3" id="m3"></a></h2>
<h2><a href="999.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/999.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></a><a name="m4" id="m4"></a></h2>
<br />
<br />
</div>
<div style="clear:both"></div>
</div>
<div class="dCenter dBody" style="padding-left:72px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6343250634002651";
/* <20>ײ<EFBFBD> */
google_ad_slot = "0599809152";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript">
</script>
</div>
<div id="footer" class="dCenter">&copy; 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>&nbsp;&nbsp;&nbsp;&nbsp;<EFBFBD><EFBFBD>ICP<EFBFBD><EFBFBD>11060275<EFBFBD><EFBFBD>
</div>
</body>
</html>

View File

@@ -0,0 +1,335 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97<EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <20><><EFBFBD>ڷ<EFBFBD>Χ<EFBFBD><CEA7><EFBFBD><EFBFBD> My97 Datepicker Demo</title>
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
<link href="demo.css" tppabs="http://www.my97.net/dp/demo/resource/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe src="../../head.asp" tppabs="http://www.my97.net/dp/head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
<div class="dCenter dBody">
<div id="content">
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD>ܼ<EFBFBD>ʾ<EFBFBD><CABE><a name="m2" id="m2"></a></h2>
<h3>4. <20><><EFBFBD>ڷ<EFBFBD>Χ<EFBFBD><CEA7><EFBFBD><EFBFBD><a name="m24" id="m24"></a></h3>
<oL>
<LI><EFBFBD><EFBFBD>̬<EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m241" id="m241"></a><br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:<3A><><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> realDateFmt <20><> realTimeFmt һ<><EFBFBD><C2B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> dateFmt һ<><D2BB></span>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ը<EFBFBD>ͨ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>minDate(<28><>С<EFBFBD><D0A1><EFBFBD><EFBFBD>),maxDate(<28><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><><CEAA>̬<EFBFBD><CCAC><EFBFBD><EFBFBD>ֵ,<2C><><EFBFBD>޶<EFBFBD><DEB6><EFBFBD><EFBFBD>ڵķ<DAB5>Χ</p><div>
<h4>ʾ<EFBFBD><EFBFBD>4-1-1 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵķ<DAB5>Χ<EFBFBD><CEA7> 2006-09-10<31><30>2008-12-20</h4>
<p><input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate:'2006-09-10',maxDate:'2008-12-20'})"/><br />
&lt;input id=&quot;d411&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onfocus=&quot;WdatePicker({skin:'whyGreen',<span class="STYLE2">minDate:</span><span class="STYLE1">'2006-09-10',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'2008-12-20'</span>})&quot;/&gt;</p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-1-2 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵķ<DAB5>Χ<EFBFBD><CEA7> 2008-3-8 11:30:00 <20><> 2008-3-10 20:59:30</h4>
<p><input type="text" class="Wdate" id="d412" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2008-03-10 20:59:30'})" value="2008-03-09 11:00:00"/><br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d412&quot; onfocus=&quot;WdatePicker({skin:'whyGreen',<span class="STYLE2">dateFmt:</span><span class="STYLE1">'yyyy-MM-dd HH:mm:ss',</span><span class="STYLE2">minDate:</span><span class="STYLE1">'2008-03-08 11:30:00',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'2008-03-10 20:59:30'</span>})&quot; value=&quot;2008-03-09 11:00:00&quot;/&gt;</p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-1-3 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵķ<DAB5>Χ<EFBFBD><CEA7> 2008<30><38>2<EFBFBD><32> <20><> 2008<30><38>10<31><30></h4>
<p><input type="text" class="Wdate" id="d413" onfocus="WdatePicker({dateFmt:'yyyy<79><79>M<EFBFBD><4D>',minDate:'2008-2',maxDate:'2008-10'})"/><br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d413&quot; onfocus=&quot;WdatePicker({<span class="STYLE2">dateFmt:</span><span class="STYLE1">'yyyy<79><79>M<EFBFBD><4D>',</span><span class="STYLE2">minDate:</span><span class="STYLE1">'2008-2',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'2008-10'</span>})&quot;/&gt;</p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-1-4 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵķ<DAB5>Χ<EFBFBD><CEA7> 8:00:00 <20><> 11:30:00</h4>
<p><input type="text" class="Wdate" id="d414" onfocus="WdatePicker({dateFmt:'H:mm:ss',minDate:'8:00:00',maxDate:'11:30:00'})"/><br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d414&quot; onfocus=&quot;WdatePicker({<span class="STYLE2">dateFmt:</span><span class="STYLE1">'H:mm:ss',</span><span class="STYLE2">minDate:</span><span class="STYLE1">'8:00:00',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'11:30:00'</span>})&quot;/&gt;</p>
</div></LI>
<LI><EFBFBD><EFBFBD>̬<EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m242" id="m242"></a><br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:<3A><><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> realDateFmt <20><> realTimeFmt һ<><EFBFBD><C2B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> dateFmt һ<><D2BB></span>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͨ<EFBFBD><EFBFBD>ϵͳ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ķ<EFBFBD>̬<EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>%y(<28><>ǰ<EFBFBD><C7B0>),%M(<28><>ǰ<EFBFBD><C7B0>)<29><><EFBFBD><EFBFBD><EFBFBD>޶<EFBFBD><DEB6><EFBFBD><EFBFBD>ڷ<EFBFBD>Χ,<2C><EFBFBD><E3BBB9><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8>{}<7D><><EFBFBD>б<EFBFBD><D0B1><EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD>,<2C><>:{%d+1}:<3A><>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD><br />
<br />
<20><>̬<EFBFBD><CCAC><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<table width="335" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000">
<tr>
<th width="62"><EFBFBD><EFBFBD>ʽ</th>
<th width="258">˵<EFBFBD><EFBFBD></th>
</tr>
<tr>
<td align="center">%y </td>
<td><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">%M </td>
<td><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">%d </td>
<td><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">%ld</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">%H </td>
<td><EFBFBD><EFBFBD>ǰʱ</td>
</tr>
<tr>
<td align="center">%m </td>
<td><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">%s </td>
<td><EFBFBD><EFBFBD>ǰ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">{}</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ,<2C><>:{%d+1}:<3A><>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">#F{}</td>
<td>{}֮<><D6AE><EFBFBD>Ǻ<EFBFBD><C7BA><EFBFBD><EFBFBD><EFBFBD>д<EFBFBD>Զ<EFBFBD><D4B6><EFBFBD>JS<4A><53><EFBFBD><EFBFBD></td>
</tr>
</table>
<div>
<h4>ʾ<EFBFBD><EFBFBD>4-2-1 ֻ<><D6BB>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<28><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)</h4>
<p><input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/><br />
&lt;input id=&quot;d421&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onfocus=&quot;WdatePicker({skin:'whyGreen',<span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-%d'</span>})&quot;/&gt;</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>4-2-2 <span class="STYLE2">ʹ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ</span> ֻ<><D6BB>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ժ<EFBFBD><D4BA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<28><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)</h4>
<p><input id="d422" class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y-%M-{%d+1}'})"/><br />
&lt;input id=&quot;d422&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onfocus=&quot;WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-{%d+1}'</span>})&quot;/&gt;</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>4-2-3 ֻ<><D6BB>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>µ<EFBFBD><C2B5><EFBFBD><EFBFBD><EFBFBD>1<EFBFBD><31><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><D2BB></h4>
<p><input id="d423" class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y-%M-01',maxDate:'%y-%M-%ld'})"/><br />
&lt;input id=&quot;d423&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onfocus=&quot;WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-01',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-%ld'</span>})&quot;/&gt;</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>4-2-4 ֻ<><D6BB>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>7:00:00<30><30><EFBFBD><EFBFBD><EFBFBD><EFBFBD>21:00:00<30><30><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p><input id="d424" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-M-d H:mm:ss',minDate:'%y-%M-%d 7:00:00',maxDate:'%y-%M-{%d+1} 21:00:00'})"/><br />
&lt;input id=&quot;d424&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onfocus=&quot;WdatePicker({dateFmt:'yyyy-M-d H:mm:ss',<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-%d 7:00:00',</span><span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-{%d+1} 21:00:00'</span>})&quot;/&gt;</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>4-2-5 <span class="STYLE2">ʹ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ</span> ֻ<><D6BB>ѡ<EFBFBD><D1A1> 20Сʱǰ <20><> 30Сʱ<D0A1><CAB1> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p><input id="d425" class="Wdate" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'%y-%M-%d {%H-20}:%m:%s',maxDate:'%y-%M-%d {%H+30}:%m:%s'})"/><br />
&lt;input id=&quot;d425&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onClick=&quot;WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-%d {%H-20}:%m:%s'</span>,<span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-%d {%H+30}:%m:%s'</span>})&quot;/&gt;</p>
</div>
</LI>
<LI><EFBFBD>ű<EFBFBD><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m243" id="m243"></a><br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:<3A><><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> realDateFmt <20><> realTimeFmt һ<><EFBFBD><C2B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> dateFmt һ<><D2BB></span>
<p>ϵͳ<EFBFBD><EFBFBD><EFBFBD>$dp.$D<><44>$dp.$DV<44><56><EFBFBD><EFBFBD><EFBFBD><EFBFBD>API<50><49><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E3BBB9><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD> #F{} <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>Ľű<C4BD>,<2C><><EFBFBD>κ<EFBFBD><CEBA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p><div>
<h4>ʾ<EFBFBD><EFBFBD>4-3-1 ǰ<><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڲ<EFBFBD><DAB2>ܴ<EFBFBD><DCB4>ں<EFBFBD><DABA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڶ<EFBFBD><DAB6><EFBFBD><EFBFBD>ܴ<EFBFBD><DCB4><EFBFBD> 2020-10-01</h4>
<p><EFBFBD><EFBFBD>ͬ<EFBFBD><EFBFBD>Ч<EFBFBD>ڴ<EFBFBD>
<input type="text" class="Wdate" id="d4311" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})"/>
<EFBFBD><EFBFBD>
<input type="text" class="Wdate" id="d4312" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})"/>
<br />
&lt;input id=&quot;d4311&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">maxDate:</span><span class="STYLE1">'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'</span>})&quot;/&gt; <br />
&lt;input id=&quot;d4312&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'#F{$dp.$D(\'d4311\')}'</span>,<span class="STYLE2">maxDate:'2020-10-01'</span>})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͬ<br />
<br />$dp.$ <20><EFBFBD><E0B5B1> document.getElementById <20><><EFBFBD><EFBFBD>.<br />
<EFBFBD><EFBFBD>ôΪʲô<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> ' ʹ<><CAB9> \' <20><>? <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ &quot; <20><> ' <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Χ<EFBFBD>ĺ<EFBFBD><C4BA><EFBFBD>ʹ<EFBFBD><CAB9><EFBFBD><EFBFBD>,<2C><>ʹ<EFBFBD><CAB9>ת<EFBFBD><D7AA><EFBFBD><EFBFBD> \ ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾJS<4A><EFBFBD><EFB7A8><EFBFBD><EFBFBD>.<br />
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ط<EFBFBD>ʹ<EFBFBD><EFBFBD>ʱע<EFBFBD><EFBFBD><EFBFBD><EFBFBD> \' <20>ij<EFBFBD> &quot; <20><><EFBFBD><EFBFBD> ' <20><>ʹ<EFBFBD><CAB9>.<br />
<br />
#F{$dp.$D(\'d4312\')||\'2020-10-01\'}
<20><>ʾ<EFBFBD><CABE> d4312 Ϊ<><CEAA>ʱ, <20><><EFBFBD><EFBFBD> 2020-10-01 <20><>ֵ<EFBFBD><D6B5>Ϊ<EFBFBD><CEAA><EFBFBD><EFBFBD>ֵ<br />
</p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-3-2 ǰ<><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>+3<><33> <20><><EFBFBD>ܴ<EFBFBD><DCB4><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p><EFBFBD><EFBFBD><EFBFBD>ڴ<EFBFBD>
<input type="text" class="Wdate" id="d4321" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4322\',{d:-3});}'})"/>
<EFBFBD><EFBFBD>
<input type="text" class="Wdate" id="d4322" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'d4321\',{d:3});}'})"/>
<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d4321&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">maxDate:</span><span class="STYLE1">'#F{$dp.$D(\'d4322\',{d:-3});}'</span>})&quot;/&gt;<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d4322&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'#F{$dp.$D(\'d4321\',{d:3});}'</span>})&quot;/&gt;<br />
<br />
ʹ<><CAB9> <span class="STYLE2">$dp.$D <20><><EFBFBD><EFBFBD></span> <20><><EFBFBD>Խ<EFBFBD><D4BD><EFBFBD><EFBFBD>ڿ<EFBFBD><DABF>е<EFBFBD>ֵ,<2C><><EFBFBD>϶<EFBFBD><CFB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڲ<EFBFBD><DAB2><EFBFBD>:<br />
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: <span class="STYLE1">id={<7B>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD>}<7D><>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1><EFBFBD><EFBFBD><EFBFBD>idֵ</span> , <span class="STYLE1">obj={<7B><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>}<7D><><EFBFBD>ڲ<EFBFBD><DAB2><EFBFBD></span><br />
<span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD>ڲ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>÷<EFBFBD>:</span><br />
<EFBFBD><EFBFBD><EFBFBD><EFBFBD>y,M,d,H,m,s<>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD><br />
<EFBFBD><EFBFBD> <br />
Ϊ<EFBFBD><EFBFBD>ʱ,<2C><>ʾֱ<CABE><D6B1>ȡֵ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(ʾ<><CABE>4-3-1<>еIJ<D0B5><C4B2><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ǿյ<C7BF>)<br />
{M:5,d:7} <20><>ʾ <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>7<EFBFBD><37><br />
{y:1,d:-3} <20><>ʾ 1<><31><EFBFBD><EFBFBD>3<EFBFBD><33><br />
{d:1,H:1} <20><>ʾһ<CABE><D2BB><EFBFBD><EFBFBD>1Сʱ</p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-3-3 ǰ<><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>+3<><33><EFBFBD><EFBFBD>2<EFBFBD><32> <20><><EFBFBD>ܴ<EFBFBD><DCB4><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> ǰ<><C7B0><EFBFBD><EFBFBD><EFBFBD>ڶ<EFBFBD><DAB6><EFBFBD><EFBFBD>ܴ<EFBFBD><DCB4><EFBFBD> 2020-4-3<><33>ȥ3<C8A5><33><EFBFBD><EFBFBD>2<EFBFBD><32> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD>ܴ<EFBFBD><DCB4><EFBFBD> 2020-4-3</h4>
<p>ס<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڴ<EFBFBD>
<input type="text" class="Wdate" id="d4331" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4332\',{M:-3,d:-2})||$dp.$DV(\'2020-4-3\',{M:-3,d:-2})}'})"/>
<EFBFBD><EFBFBD>
<input type="text" class="Wdate" id="d4332" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'d4331\',{M:3,d:2});}',maxDate:'2020-4-3'})"/>
<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d4331&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">maxDate:</span>'<span class="STYLE1">#F{$dp.$D(\'d4332\',{M:-3,d:-2})||$dp.$DV(\'2020-4-3\',{M:-3,d:-2})}</span>'})&quot;/&gt;<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d4332&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">minDate:</span>'<span class="STYLE1">#F{$dp.$D(\'d4331\',{M:3,d:2});}</span>',<span class="STYLE1">maxDate:</span>'<span class="STYLE1">2020-4-3</span>'})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:<br />
</span>#F{$dp.$D(\'d4332\',{M:-3,d:-2}) || $dp.$DV(\'2020-4-3\',{M:-3,d:-2})}<br />
<EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD> d4332 Ϊ<><CEAA>ʱ, <20><><EFBFBD><EFBFBD> $dp.$DV(\'2020-4-3\',{M:-3,d:-2})} <20><>ֵ<EFBFBD><D6B5>Ϊ<EFBFBD><CEAA><EFBFBD><EFBFBD>ֵ</p>
<p>ʹ<EFBFBD><EFBFBD> <span class="STYLE2">$dp.$DV <20><><EFBFBD><EFBFBD></span> <20><><EFBFBD>Խ<EFBFBD><D4BD><EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ,<2C><><EFBFBD>϶<EFBFBD><CFB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڲ<EFBFBD><DAB2><EFBFBD>:<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>: <span class="STYLE1">value={<7B>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD>}<7D><>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ</span> , <span class="STYLE1">obj={<7B><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>}<7D><><EFBFBD>ڲ<EFBFBD><DAB2><EFBFBD></span><br />
<20>÷<EFBFBD>ͬ<EFBFBD><CDAC><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <span class="STYLE2">$dp.$D</span> <20><><EFBFBD><EFBFBD>,<2C><> $dp.$DV(\'2020-4-3\',{M:-3,d:-2}) <20><>ʾ 2020-4-3<><33>ȥ3<C8A5><33><EFBFBD><EFBFBD>2<EFBFBD><32></p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-3-4 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>JS<4A><53><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>κ<EFBFBD><CEBA><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p><EFBFBD>Զ<EFBFBD>ת<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɵ<EFBFBD>һ<EFBFBD><EFBFBD>,<2C><>Ȼ,<2C><>ʾ<EFBFBD><CABE>û<EFBFBD><C3BB>ʵ<EFBFBD>ʵ<EFBFBD><CAB5><EFBFBD>;<><D6BB>Ϊ<EFBFBD><CEAA>ʾĿ<CABE><C4BF><br />
<script>
//<2F><><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
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+'-'+M+'-'+D;
}
</script>
<input type="text" class="Wdate" id="d434" onfocus="var date=randomDate();WdatePicker({minDate:date,maxDate:date})"/>
<br />
&lt;script&gt;<br />
//<2F><><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
function randomDate(){<br />
var Y = 2000 + Math.round(Math.random() * 10);<br />
var M = 1 + Math.round(Math.random() * 11);<br />
var D = 1 + Math.round(Math.random() * 27);<br />
return Y+'-'+M+'-'+D;<br />
}<br />
&lt;/script&gt;<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d434&quot; onFocus=&quot;<span class="STYLE1">var date=randomDate();WdatePicker({minDate:date,maxDate:date})</span>&quot;/&gt;</p>
</div>
</LI>
<LI><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><a name="m244" id="m244"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>ô˹<EFBFBD><EFBFBD>ܽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:disabledDays (0<><30>6 <20>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)</p><div>
<h4>ʾ<EFBFBD><EFBFBD>4-4-1 <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>Ӧ<EFBFBD><D3A6><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p><input id="d441" type="text" class="Wdate" onFocus="WdatePicker({disabledDays:[6]})"/><br />
&lt;input id=&quot;d441&quot; type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">disabledDays:</span><span class="STYLE1">[6]</span>})&quot;/&gt;</p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-4-2 <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>Ӧ<EFBFBD><D3A6><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p><input id="d442" type="text" class="Wdate" onFocus="WdatePicker({disabledDays:[0,6]})"/><br />
&lt;input id=&quot;d442&quot; type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">disabledDays:</span><span class="STYLE1">[0,6]</span>})&quot;/&gt;</p>
</div>
</LI>
<LI><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m245" id="m245"></a><br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:<3A><><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> realDateFmt <20><> realTimeFmt һ<><EFBFBD><C2B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> dateFmt һ<><D2BB></span>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>ô˹<EFBFBD><EFBFBD>ܽ<EFBFBD><EFBFBD><EFBFBD>,<2C><>ָ<EFBFBD><D6B8><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,ֻҪ<D6BB><D2AA><EFBFBD><EFBFBD>Ϥ<EFBFBD><CFA4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD><EFBFBD>Ծ<EFBFBD><D4BE><EFBFBD><E9B7A2><br /><br />
<span class="STYLE2"><EFBFBD>÷<EFBFBD>(<28><><EFBFBD><EFBFBD>ƥ<EFBFBD><C6A5>):</span> <br />
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƥ<EFBFBD><C6A5><EFBFBD>÷<EFBFBD><br />
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϥ,<2C><><EFBFBD>Բο<D4B2><CEBF><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ij<EFBFBD><C4B3><EFBFBD>ʾ<EFBFBD><CABE> <br />
['2008-02-01','2008-02-29'] <20><>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD> 2008-02-01 <20><> 2008-02-29<br />
['2008-..-01','2008-02-29'] <20><>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD> 2008-<2D><><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD>-01 <20><> 2008-02-29<br />
['200[0-8]]-02-01','2008-02-29'] <20><>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD> [2000<30><30>2008]-02-01 <20><> 2008-02-29<br />
['^2006'] <20><>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD> 2006<30><36><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> </p>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9> %y %M %d %H %m %s <20>ȱ<EFBFBD><C8B1><EFBFBD>, <20>÷<EFBFBD>ͬ<EFBFBD><CDAC>̬<EFBFBD><CCAC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <span class="STYLE1">ע<EFBFBD><EFBFBD>:%ld<6C><64><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></span><br />
['....-..-01','%y-%M-%d'] <20><>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݺ<EFBFBD><DDBA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·ݵĵ<DDB5>һ<EFBFBD><D2BB><EFBFBD>ͽ<EFBFBD><CDBD><EFBFBD> <br />
['%y-%M-{%d-1}','%y-%M-{%d+1}'] <20><>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<p><EFBFBD><EFBFBD>Ȼ,<2C><><EFBFBD>˿<EFBFBD><CBBF><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><br />
['....-..-.. 10\:00\:00'] <20><>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD> ÿ<><C3BF>10<31><30><><D7A2> <span class="STYLE2">:</span> <20><>Ҫ ʹ<><CAB9> <span class="STYLE2">\:</span> ) </p>
<p><EFBFBD><EFBFBD><EFBFBD>ٶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><E9B7A2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ܰ<EFBFBD>!</p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>4-5-1 <20><><EFBFBD><EFBFBD> ÿ<><C3BF><EFBFBD>·ݵ<C2B7> 5<><35> 15<31><35> 25<32><35></h4>
<p><input id="d451" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['5$']})"/><br />
&lt;input id=&quot;d451&quot; type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">disabledDates:</span><span class="STYLE1">['5$']</span>})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>
:</span><span class="STYLE2">'5$'</span> <20><>ʾ<EFBFBD><CABE> 5 <20><>β ע<><D7A2> <span class="STYLE2">$</span> <20><><EFBFBD>÷<EFBFBD> </p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-5-2 <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>2000-01-01<30><31><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p><input id="d452" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['^19']})"/><br />
&lt;input id=&quot;d452&quot; type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">disabledDates:</span><span class="STYLE1">['^19']</span>})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><span class="STYLE2">'^19'</span> <20><>ʾ<EFBFBD><CABE> 19 <20><>ͷ ע<><D7A2> <span class="STYLE2">^</span> <20><><EFBFBD>÷<EFBFBD> <br />
<20><>Ȼ,<2C><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>minDateʵ<65><CAB5><EFBFBD><EFBFBD><EFBFBD>ƵĹ<C6B5><C4B9><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA> <20><><EFBFBD><EFBFBD>ʾ ^ <20><><EFBFBD>÷<EFBFBD></p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-5-3 <20><><EFBFBD><EFBFBD>min/maxDateʹ<65><CAB9>,<2C><><EFBFBD>԰ѿ<D4B0>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڷָ<DAB7><D6B8>ɶ<EFBFBD><C9B6><EFBFBD></h4>
<p><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>¿<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڷָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20>ֱ<EFBFBD><D6B1><EFBFBD>: 1-3 8-10 16-24 26,27 29-<2D><>ĩ<br />
<input id="d453" type="text" class="Wdate" onFocus="WdatePicker({minDate:'%y-%M-01',maxDate:'%y-%M-%ld',disabledDates:['0[4-7]$','1[1-5]$','2[58]$']})"/><br />
&lt;input id=&quot;d453&quot; type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-01'</span>,<span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-%ld'</span>,<span class="STYLE2">disabledDates:</span><span class="STYLE1">['0[4-7]$','1[1-5]$','2[58]$']</span>})&quot;/&gt;</p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-5-4 <span class="STYLE2">min/maxDate disabledDays disabledDates <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></span> <20><>ʹ<EFBFBD><CAB9>Ҫ<EFBFBD><D2AA><EFBFBD>dz<EFBFBD><C7B3><EFBFBD><EFBFBD>̵<EFBFBD><CCB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҳ<EFBFBD><D2B2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p><input id="d454" type="text" class="Wdate" onFocus="WdatePicker({minDate:'%y-%M-01',maxDate:'%y-%M-%ld',disabledDates:['0[4-7]$','1[1-5]$','2[58]$'],disabledDays:[1,3,6]})"/><br />
&lt;input id=&quot;d454&quot; type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">minDate:</span><span class="STYLE1">'%y-%M-01'</span>,<span class="STYLE2">maxDate:</span><span class="STYLE1">'%y-%M-%ld'</span>,<span class="STYLE2">disabledDates:</span><span class="STYLE1">['0[4-7]$','1[1-5]$','2[58]$']</span>,<span class="STYLE2">disabledDays:</span><span class="STYLE1">[1,3,6]</span>})&quot;/&gt;</p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-5-5 <20><><EFBFBD><EFBFBD>ǰһ<C7B0><D2BB>Сʱ<D0A1>ͺ<EFBFBD>һ<EFBFBD><D2BB>Сʱ<D0A1><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> ʹ<><CAB9> %y %M %d %H %m %s <20>ȱ<EFBFBD><C8B1><EFBFBD></h4>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> Сʱ<D0A1><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ,<2C><><EFBFBD><EFBFBD>ֵ<EFBFBD>Ȼʱ<C8BB><CAB1><EFBFBD><EFBFBD>Ӧ<EFBFBD><D3A6>ǰһ<C7B0><D2BB>Сʱ<D0A1>ͺ<EFBFBD>һ<EFBFBD><D2BB>Сʱ<D0A1>ǻ<EFBFBD>ɫ<EFBFBD><C9AB><br />
<input id="d2a25" type="text" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',disabledDates:['%y-%M-%d {%H-1}\:..\:..','%y-%M-%d {%H+1}\:..\:..']})"/>
<br />
&lt;input id=&quot;d2a25&quot; type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',<span class="STYLE2">disabledDates:</span><span class="STYLE1">['%y-%M-%d {%H-1}\:..\:..','%y-%M-%d {%H+1}\:..\:..']</span>})&quot;/&gt; <br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span>%y %M %d<><64><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a href="#m242"><EFBFBD><EFBFBD>̬<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></p>
</div><div>
<h4>ʾ<EFBFBD><EFBFBD>4-5-6 #F{}Ҳ<>ǿ<EFBFBD><C7BF><EFBFBD>ʹ<EFBFBD>õ<EFBFBD></h4>
<p><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>0-23<32>е<EFBFBD><D0B5>κ<EFBFBD>һ<EFBFBD><D2BB>Сʱ<br />
<20><><EFBFBD><EFBFBD>Сʱѡ<CAB1><D1A1><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><E1B7A2><EFBFBD><EFBFBD>һ<EFBFBD><D2BB>Сʱ<D0A1><CAB1><EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD>,<2C><><EFBFBD><EFBFBD>ÿ<EFBFBD>ν<EFBFBD><CEBD>õ<EFBFBD>Сʱ<D0A1><CAB1><EFBFBD><EFBFBD>ͬ<br />
<input type="text" class="Wdate" id="d456" onFocus="WdatePicker({dateFmt:'HH:mm:ss',disabledDates:['#F{randomH()}']})"/>
<script>
function randomH(){
//<2F><><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> 0-23
var H = Math.round(Math.random() * 23);
if(H<10) H='0'+H;
//<2F><><EFBFBD><EFBFBD> '^' + <20><><EFBFBD><EFBFBD>
return '^'+H;
}
</script>
<br />
&lt;script&gt;<br />
function randomH(){<br />
//<2F><><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> 0-23 <br />
var H = Math.round(Math.random() * 23);<br />
if(H&lt;10) H='0'+H;<br />
//<2F><><EFBFBD><EFBFBD> '^' + <20><><EFBFBD><EFBFBD><br />
return '^'+H;<br />
}<br />
&lt;/script&gt;<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d456&quot; onFocus=&quot;WdatePicker({dateFmt:'HH:mm:ss',<span class="STYLE2">disabledDates:</span><span class="STYLE1">['#F{randomH()}']</span>})&quot;/&gt;</p>
</div></LI>
<li><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m246" id="m246"></a>
<p>ʹ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD><EFBFBD>Ժܷ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ľ<EFBFBD><EFBFBD>ò<EFBFBD><EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֻ<EFBFBD><D6BB>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD>ٲ<EFBFBD><D9B2><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>Ч<EFBFBD><D0A7><EFBFBD>ڵĹ<DAB5><C4B9>ܾͷdz<CDB7><C7B3>ʺ<EFBFBD><CABA><EFBFBD>.<br />
<span class="STYLE1"><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:</span> <span class="STYLE2">opposite</span> Ĭ<><C4AC>Ϊfalse, Ϊtrueʱ,<2C><>Ч<EFBFBD><D0A7><EFBFBD>ڱ<EFBFBD><DAB1><EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><D0A7><EFBFBD><EFBFBD>,<b><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><ECB2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD></b> </p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>4-6 ֻ<><D6BB><EFBFBD><EFBFBD> ÿ<><C3BF><EFBFBD>·ݵ<C2B7> 5<><35> 15<31><35> 25<32><35></h4>
<p><input id="d46" type="text" class="Wdate" onFocus="WdatePicker({opposite:true,disabledDates:['5$']})"/><br />
&lt;input id=&quot;d46&quot; type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">opposite:</span><span class="STYLE1">true</span>,<span class="STYLE2">disabledDates:</span><span class="STYLE1">['5$']</span>})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>
:</span><span class="STYLE2">'5$'</span> <20><>ʾ<EFBFBD><CABE> 5 <20><>β ע<><D7A2> <span class="STYLE2">$</span> <20><><EFBFBD>÷<EFBFBD> </p>
</div>
</li>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m247" id="m247"></a>
<p><span class="STYLE1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD><EFBFBD>÷<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȫ<EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȫ<EFBFBD><EFBFBD>ͬ,<2C><><EFBFBD><EFBFBD>opposite<74><65><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>Ч</span><br />
<br />
<span class="STYLE1"><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:</span><br />
<span class="STYLE2">specialDays </span>(0<><30>6 <20>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>) <20>÷<EFBFBD>ͬ<EFBFBD><CDAC>Ч<EFBFBD><D0A7> <br />
<span class="STYLE2">specialDates</span> <09>÷<EFBFBD>ͬ<EFBFBD><CDAC>Ч<EFBFBD><D0A7><EFBFBD><EFBFBD>,<2C><><EFBFBD>Ƕ<EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ч</p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>4-7-1 <20><><EFBFBD><EFBFBD>ÿ<EFBFBD><C3BF> <20><>һ <20><><EFBFBD><EFBFBD></h4>
<p><input id="d471" type="text" class="Wdate" onFocus="WdatePicker({specialDays:[1,5]})"/><br />
&lt;input id=&quot;d471&quot; type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">specialDays:</span><span class="STYLE1">[1,5]</span>})&quot;/&gt; </p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>4-7-2 <20><><EFBFBD><EFBFBD>ÿ<EFBFBD><C3BF> 1<><31> 15<31><35></h4>
<p><input id="d472" type="text" class="Wdate" onFocus="WdatePicker({specialDates:['....-..-01','....-..-15']})"/><br />
&lt;input id=&quot;d472&quot; type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">specialDates:</span><span class="STYLE1">['....-..-01','....-..-15']</span>})&quot;/&gt; </p>
</div>
</li>
</oL>
<h3><a href="2.5.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp">5. <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD></a><a name="m25" id="m25"></a></h3>
<h3><a href="2.6.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.6.asp">6. <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a> <a name="m26" id="m26"></a></h3>
<h2><a href="3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/3.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5></a><a name="m3" id="m3"></a></h2>
<h2><a href="999.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/999.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></a><a name="m4" id="m4"></a></h2>
<br />
<br />
</div>
<div style="clear:both"></div>
</div>
<div class="dCenter dBody" style="padding-left:72px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6343250634002651";
/* <20>ײ<EFBFBD> */
google_ad_slot = "0599809152";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript">
</script>
</div>
<div id="footer" class="dCenter">&copy; 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>&nbsp;&nbsp;&nbsp;&nbsp;<EFBFBD><EFBFBD>ICP<EFBFBD><EFBFBD>11060275<EFBFBD><EFBFBD>
</div>
</body>
</html>

View File

@@ -0,0 +1,260 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97<EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD> My97 Datepicker Demo</title>
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
<link href="demo.css" tppabs="http://www.my97.net/dp/demo/resource/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe src="../../head.asp" tppabs="http://www.my97.net/dp/head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
<div class="dCenter dBody">
<div id="content">
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD>ܼ<EFBFBD>ʾ<EFBFBD><CABE><a name="m2" id="m2"></a></h2>
<h3>5. <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD><a name="m25" id="m25"></a></h3>
<ol>
<li><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD>
<a name="m251" id="m251"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD>һЩ<EFBFBD><EFBFBD><EFBFBD>ӵIJ<EFBFBD><EFBFBD><EFBFBD>,<2C><>Ҳ<EFBFBD><D2B2><EFBFBD>ص<EFBFBD><D8B5><EFBFBD>,<2C><><EFBFBD>ڿؼ<DABF><D8BC>Դ<EFBFBD><D4B4><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD><C2BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>.<2E><><EFBFBD><EFBFBD>,<2C><EFBFBD><E3BBB9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD><C2BC>е<EFBFBD><D0B5><EFBFBD><EFBFBD><EFBFBD><E1B9A9>API<50><49><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>չ,<2C><><EFBFBD>Կ<EFBFBD><D4BF><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD><EFBFBD>ٵĴ<D9B5><C4B4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E3BCB0><EFBFBD><EFBFBD><EFBFBD>Ի<EFBFBD><D4BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>.<br />
<br />
ע<><D7A2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E6BCB8><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA>ָ<EFBFBD><D6B8>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1>̴<EFBFBD><CCB4><EFBFBD><EFBFBD>ܶ<EFBFBD><DCB6><EFBFBD><EFBFBD><EFBFBD><br />
<span class="STYLE1">this: ָ<><D6B8><EFBFBD>ı<EFBFBD><C4B1><EFBFBD><br />
dp: ָ<><D6B8>$dp<br />
dp.cal: ָ<><D6B8><EFBFBD><EFBFBD><EFBFBD>ڿؼ<DABF><D8BC><EFBFBD><EFBFBD><EFBFBD></span><br />
ע<><D7A2>:<3A><><EFBFBD><EFBFBD>ԭ<EFBFBD>ͱ<EFBFBD><CDB1><EFBFBD>ʹ<EFBFBD><CAB9><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <span class="STYLE1">function(dp){} </span><EFBFBD><EFBFBD>ģʽ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C>ں<EFBFBD><DABA><EFBFBD><EFBFBD>ڲ<EFBFBD><DAB2>ſ<EFBFBD><C5BF><EFBFBD>ʹ<EFBFBD><CAB9>dp</p>
</li>
<li>onpicking <20><> onpicked <20>¼<EFBFBD>
<a name="m252" id="m252"></a>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-2-1 onpicking<6E>¼<EFBFBD><C2BC><EFBFBD>ʾ</h4>
<p>
<input type="text" id="5421" onFocus="WdatePicker({onpicking:function(dp){if(!confirm('<27><><EFBFBD>ڿ<EFBFBD>ԭ<EFBFBD><D4AD><EFBFBD><EFBFBD>ֵΪ: '+dp.cal.getDateStr()+', Ҫ<><D2AA><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD>ֵ:' + dp.cal.getNewDateStr() + '<27><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?')) return true;}})" class="Wdate"/>
<br />
&lt;input type=&quot;text&quot; id=&quot;5421&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">onpicking:</span><span class="STYLE1">function(dp){if(!confirm('<27><><EFBFBD>ڿ<EFBFBD>ԭ<EFBFBD><D4AD><EFBFBD><EFBFBD>ֵΪ: '+dp.cal.getDateStr()+', Ҫ<><D2AA><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD>ֵ:' + dp.cal.getNewDateStr() + '<27><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?')) return true;}</span>})&quot; class=&quot;Wdate&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD>ע<EFBFBD>⵽dp.cal.getDateStr<74><72>dp.cal.getNewDateStr<74><72><EFBFBD>÷<EFBFBD><C3B7><EFBFBD><EFBFBD><EFBFBD>? <20><><EFBFBD><EFBFBD><a href="999.asp-.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp?#m5"><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-2-2 ʹ<><CAB9>onpickedʵ<64><CAB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD>ʱ<EFBFBD><EFBFBD>,<2C>ڶ<EFBFBD><DAB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><br />
<20><><EFBFBD>ڴ<EFBFBD>:
<input id="d5221" class="Wdate" type="text" onFocus="var d5222=$dp.$('d5222');WdatePicker({onpicked:function(){d5222.focus();},maxDate:'#F{$dp.$D(\'d5222\')}'})"/>
<20><>
<input id="d5222" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d5221\')}'})"/>
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>д<EFBFBD><EFBFBD><br />
&lt;input id=&quot;<span class="STYLE1">d5221</span>&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onFocus=&quot;var d5222=$dp.$('d5222');WdatePicker({<span class="STYLE2">onpicked:</span><span class="STYLE1">function(){d5222.focus();}</span>,maxDate:'#F{$dp.$D(\'d5222\')}'})&quot;/&gt;<br />
<EFBFBD><EFBFBD><br />
&lt;input id=&quot;<span class="STYLE1">d5222</span>&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onFocus=&quot;WdatePicker({minDate:'#F{$dp.$D(\'d5221\')}'})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span>$dp.$<24><>һ<EFBFBD><D2BB><a href="999.asp-.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp?#m5"><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><EFBFBD><EFBFBD></a>,<2C><EFBFBD><E0B5B1>document.getElementById</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-2-3 <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD>ֵ<EFBFBD><D6B5>ı<EFBFBD><C4B1><EFBFBD> </h4>
<p>
<input type="text" id="d523_y" size="5"/>
<20><>
<input type="text" id="d523_M" size="3"/>
<20><>
<input type="text" id="d523_d" size="3"/>
<20><>
<input type="text" id="d523_HH" size="3"/>
ʱ
<input type="text" id="d523_mm" size="3"/>
<20><>
<input type="text" id="d523_ss" size="3"/>
<20><>
<input type="text" id="d523"/>
<img onclick="WdatePicker({el:'d523',dateFmt:'yyyy-MM-dd HH:mm:ss',onpicked:pickedFunc})" src="../../../skin/datePicker.gif" tppabs="http://www.my97.net/dp/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle" style="cursor:pointer"/>
<script>
function pickedFunc(){
$dp.$('d523_y').value=$dp.cal.getP('y');
$dp.$('d523_M').value=$dp.cal.getP('M');
$dp.$('d523_d').value=$dp.cal.getP('d');
$dp.$('d523_HH').value=$dp.cal.getP('H');
$dp.$('d523_mm').value=$dp.cal.getP('m');
$dp.$('d523_ss').value=$dp.cal.getP('s');
}
</script>
<br />
&lt;input type=&quot;text&quot; id=&quot;d523_y&quot; size=&quot;5&quot;/&gt;
<20><><br />
&lt;input type=&quot;text&quot; id=&quot;d523_M&quot; size=&quot;3&quot;/&gt;
<20><><br />
&lt;input type=&quot;text&quot; id=&quot;d523_d&quot; size=&quot;3&quot;/&gt;
<20><><br />
&lt;input type=&quot;text&quot; id=&quot;d523_HH&quot; size=&quot;3&quot;/&gt;
ʱ<br />
&lt;input type=&quot;text&quot; id=&quot;d523_mm&quot; size=&quot;3&quot;/&gt;
<20><><br />
&lt;input type=&quot;text&quot; id=&quot;d523_ss&quot; size=&quot;3&quot;/&gt;
<20><> <br />
&lt;img onclick=&quot;WdatePicker({<span class="STYLE2">el:</span><span class="STYLE1">'d523'</span>,dateFmt:'yyyy-MM-dd HH:mm:ss',<span class="STYLE2">onpicked:</span><span class="STYLE1">pickedFunc</span>})&quot; src=&quot;../../../skin/datePicker.gif&quot; width=&quot;16&quot; height=&quot;22&quot; align=&quot;absmiddle&quot; style=&quot;cursor:pointer&quot;/&gt;<br />
<span class="STYLE1">&lt;script&gt;</span><br />
<span class="STYLE2">function</span> pickedFunc(){<br />
$dp.$('d523_y').value=$dp.cal.getP('y');<br />
$dp.$('d523_M').value=$dp.cal.getP('M');<br />
$dp.$('d523_d').value=$dp.cal.getP('d');<br />
$dp.$('d523_HH').value=$dp.cal.getP('H');<br />
$dp.$('d523_mm').value=$dp.cal.getP('m');<br />
$dp.$('d523_ss').value=$dp.cal.getP('s');<br />
}<br />
<span class="STYLE1">&lt;/script&gt;</span><br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span>el:'d523'<27><>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E3B2BB>Ҫd523<32><33><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>԰<EFBFBD><D4B0><EFBFBD><EFBFBD>ij<EFBFBD>hidden,<2C><><EFBFBD><EFBFBD>el<65><6C><EFBFBD>Ա<EFBFBD><D4B1><EFBFBD>ָ<EFBFBD><D6B8><br />
$dp.$<24><>$dp.cal.getP<74><50><EFBFBD><EFBFBD><a href="999.asp-.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp?#m5"><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><EFBFBD><EFBFBD></a> </p>
</div>
</li>
<li>onclearing <20><> oncleared <20>¼<EFBFBD>
<a name="m253" id="m253"></a>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-3-1 ʹ<><CAB9>onclearing<6E>¼<EFBFBD>ȡ<EFBFBD><C8A1><EFBFBD><EFBFBD><EFBFBD>ղ<EFBFBD><D5B2><EFBFBD></h4>
<p>
<input type="text" class="Wdate" id="d531" onFocus="WdatePicker({onclearing:function(){if(!confirm('<27><><EFBFBD>ڿ<EFBFBD><DABF><EFBFBD>ֵΪ:'+this.value+', ȷʵҪ<CAB5><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))return true;}})"/>
<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d531&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">onclearing:</span><span class="STYLE1">function(){if(!confirm('<27><><EFBFBD>ڿ<EFBFBD><DABF><EFBFBD>ֵΪ:'+this.value+', ȷʵҪ<CAB5><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))return true;}</span>})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD>onclearing<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>trueʱ,ϵͳ<CFB5><CDB3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD><C2BC><EFBFBD><EFBFBD><EFBFBD>ȡ<EFBFBD><C8A1>,<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>û<EFBFBD><C3BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD>$dp,<2C><><EFBFBD>Ժ<EFBFBD><D4BA><EFBFBD>ԭ<EFBFBD><D4AD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʡ<EFBFBD>Բ<EFBFBD><D4B2><EFBFBD>dp </p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-3-2 ʹ<><CAB9>cal<61><6C><EFBFBD><EFBFBD>ȡ<EFBFBD>õ<EFBFBD>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD>(ʹ<><CAB9><EFBFBD><EFBFBD> dp.cal)</h4>
<p>
<input type="text" class="Wdate" id="d532" onFocus="WdatePicker({oncleared:function(dp){alert('<27><>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD>Ϊ:'+dp.cal.date.M);}})"/>
<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d532&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">oncleared:</span><span class="STYLE1">function(dp){alert('<27><>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD>Ϊ:'+dp.cal.date.M);}</span>})&quot;/&gt;</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-3-3 <20>ۺ<EFBFBD>ʹ<EFBFBD><CAB9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD></h4>
<p>
<input type="text" class="Wdate" id="d533" onFocus="d533_focus(this)" value="2000-04-09"/>
<script>
function d533_focus(element){
var clearingFunc = function(){ if(!confirm('<27><><EFBFBD>ڿ<EFBFBD><DABF><EFBFBD>ֵΪ:'+this.value+', ȷʵҪ<CAB5><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?')) return true; }
var clearedFunc = function(){ alert('<27><><EFBFBD>ڿ<EFBFBD><DABF>ѱ<EFBFBD><D1B1><EFBFBD><EFBFBD><EFBFBD>'); }
WdatePicker({el:element,onclearing:clearingFunc,oncleared:clearedFunc})
}
</script>
<br />
<span class="STYLE1">&lt;script&gt;</span><br />
<span class="STYLE2">function</span> d533_focus(element){<br />
var clearingFunc = function(){
if(!confirm('<27><><EFBFBD>ڿ<EFBFBD><DABF><EFBFBD>ֵΪ:'+this.value+', ȷʵҪ<CAB5><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?')) return true;
}<br />
var clearedFunc = function(){
alert('<27><><EFBFBD>ڿ<EFBFBD><DABF>ѱ<EFBFBD><D1B1><EFBFBD><EFBFBD><EFBFBD>');
}<br />
WdatePicker({el:element,onclearing:clearingFunc,oncleared:clearedFunc})<br />
}<br />
<span class="STYLE1">&lt;/script&gt;</span><br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d533&quot; onFocus=&quot;<span class="STYLE1">d533_focus(this)</span>&quot;/&gt;</p>
</div>
</li>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> changing<6E><67>changed <a name="m254" id="m254"></a> <p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ж<EFBFBD>Ӧ<EFBFBD><EFBFBD>changing<EFBFBD><EFBFBD>changed<EFBFBD>¼<EFBFBD>,<2C>ֱ<EFBFBD><D6B1><EFBFBD>:<br />
ychanging ychanged <br />
Mchanging Mchanged<br />
dchanging dchanged<br />
Hchanging Hchanged<br />
mchanging mchanged<br />
schanging schanged <br />
</p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-4-1 <20><><EFBFBD><EFBFBD><EFBFBD>ոı<D5B8>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϣ</h4>
<p>
<input type="text" class="Wdate" id="d" onFocus="WdatePicker({dchanging:cDayFunc,Mchanging:cMonthFunc,ychanging:cYearFunc,dchanged:cDayFunc,Mchanged:cMonthFunc,ychanged:cYearFunc})"/>
<script>
function cDayFunc(){
cFunc('d');
}
function cMonthFunc(){
cFunc('M');
}
function cYearFunc(){
cFunc('y');
}
function cFunc(who){
var str,p,c = $dp.cal;
if(who=='y'){
str='<27><><EFBFBD><EFBFBD>';
p='y';
}
else if(who=='M'){
str='<27>·<EFBFBD>';
p='M';
}
else if(who=='d'){
str='<27><><EFBFBD><EFBFBD>';
p='d';
}
alert(str+'<27><><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1><EFBFBD>!\n$dp.cal.date.'+p+'='+c.date[p]+'\n$dp.cal.newdate.'+p+'='+c.newdate[p]);
}
</script>
<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">dchanging:<span class="STYLE1">cDayFunc</span>, Mchanging:</span><span class="STYLE1">cMonthFunc</span>,<span class="STYLE2"> ychanging:</span><span class="STYLE1">cYearFunc</span>,<span class="STYLE2"> dchanged:<span class="STYLE1">cDayFunc</span>, Mchanged:</span><span class="STYLE1">cMonthFunc</span>, <span class="STYLE2">ychanged:</span><span class="STYLE1">cYearFunc</span>})&quot;/&gt;<br />
<span class="STYLE1">&lt;script&gt;</span><br />
<span class="STYLE2">function</span> cDayFunc(){<br />
cFunc('d');<br />
}<br />
<span class="STYLE2">function</span> cMonthFunc(){<br />
cFunc('M');<br />
}<br />
<span class="STYLE2">function</span> cYearFunc(){<br />
cFunc('y');<br />
}<br />
<span class="STYLE2">function</span> cFunc(who){<br />
var str,p,c = $dp.cal;<br />
if(who=='y'){<br />
str='<27><><EFBFBD><EFBFBD>';<br />
p='y';<br />
}<br />
else if(who=='M'){<br />
str='<27>·<EFBFBD>';<br />
p='M';<br />
}<br />
else if(who=='d'){<br />
str='<27><><EFBFBD><EFBFBD>';<br />
p='d';<br />
}<br />
alert(str+'<27><><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1><EFBFBD>!\n$dp.cal.date.'+p+'='+c.date[p]+'\n$dp.cal.newdate.'+p+'='+c.newdate[p]);<br />
}<span class="STYLE1"><br />
&lt;/script&gt;</span><br />
<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD><C3B5><EFBFBD> $dp.cal.date <20><> $dp.cal.newdate <20><><EFBFBD><EFBFBD>,<2C><><EFBFBD>ܴ<EFBFBD><DCB4><EFBFBD><EFBFBD><EFBFBD><EFB7A2><EFBFBD><EFBFBD><EFBFBD>ǵIJ<C7B5>֮ͬ<CDAC><D6AE><EFBFBD><EFBFBD>?<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>й<EFBFBD><D0B9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ե<EFBFBD><D4B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a href="999.asp.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp#m5"><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a>
</p>
</div>
<p><br />
</p>
</li>
</ol>
<h3><a href="2.6.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.6.asp">6. <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a> <a name="m26" id="m26"></a></h3>
<h2><a href="3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/3.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5></a><a name="m3" id="m3"></a></h2>
<h2><a href="999.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/999.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></a><a name="m4" id="m4"></a></h2>
<br />
<br />
</div>
<div style="clear:both"></div>
</div>
<div class="dCenter dBody" style="padding-left:72px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6343250634002651";
/* <20>ײ<EFBFBD> */
google_ad_slot = "0599809152";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript">
</script>
</div>
<div id="footer" class="dCenter">&copy; 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>&nbsp;&nbsp;&nbsp;&nbsp;<EFBFBD><EFBFBD>ICP<EFBFBD><EFBFBD>11060275<EFBFBD><EFBFBD>
</div>
</body>
</html>

View File

@@ -0,0 +1,260 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97<EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD> My97 Datepicker Demo</title>
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
<link href="demo.css" tppabs="http://www.my97.net/dp/demo/resource/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe src="../../head.asp" tppabs="http://www.my97.net/dp/head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
<div class="dCenter dBody">
<div id="content">
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD>ܼ<EFBFBD>ʾ<EFBFBD><CABE><a name="m2" id="m2"></a></h2>
<h3>5. <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD><a name="m25" id="m25"></a></h3>
<ol>
<li><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD>
<a name="m251" id="m251"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD>һЩ<EFBFBD><EFBFBD><EFBFBD>ӵIJ<EFBFBD><EFBFBD><EFBFBD>,<2C><>Ҳ<EFBFBD><D2B2><EFBFBD>ص<EFBFBD><D8B5><EFBFBD>,<2C><><EFBFBD>ڿؼ<DABF><D8BC>Դ<EFBFBD><D4B4><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD><C2BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>.<2E><><EFBFBD><EFBFBD>,<2C><EFBFBD><E3BBB9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>¼<EFBFBD><C2BC>е<EFBFBD><D0B5><EFBFBD><EFBFBD><EFBFBD><E1B9A9>API<50><49><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>չ,<2C><><EFBFBD>Կ<EFBFBD><D4BF><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD><EFBFBD>ٵĴ<D9B5><C4B4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E3BCB0><EFBFBD><EFBFBD><EFBFBD>Ի<EFBFBD><D4BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>.<br />
<br />
ע<><D7A2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E6BCB8><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA>ָ<EFBFBD><D6B8>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1>̴<EFBFBD><CCB4><EFBFBD><EFBFBD>ܶ<EFBFBD><DCB6><EFBFBD><EFBFBD><EFBFBD><br />
<span class="STYLE1">this: ָ<><D6B8><EFBFBD>ı<EFBFBD><C4B1><EFBFBD><br />
dp: ָ<><D6B8>$dp<br />
dp.cal: ָ<><D6B8><EFBFBD><EFBFBD><EFBFBD>ڿؼ<DABF><D8BC><EFBFBD><EFBFBD><EFBFBD></span><br />
ע<><D7A2>:<3A><><EFBFBD><EFBFBD>ԭ<EFBFBD>ͱ<EFBFBD><CDB1><EFBFBD>ʹ<EFBFBD><CAB9><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <span class="STYLE1">function(dp){} </span><EFBFBD><EFBFBD>ģʽ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C>ں<EFBFBD><DABA><EFBFBD><EFBFBD>ڲ<EFBFBD><DAB2>ſ<EFBFBD><C5BF><EFBFBD>ʹ<EFBFBD><CAB9>dp</p>
</li>
<li>onpicking <20><> onpicked <20>¼<EFBFBD>
<a name="m252" id="m252"></a>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-2-1 onpicking<6E>¼<EFBFBD><C2BC><EFBFBD>ʾ</h4>
<p>
<input type="text" id="5421" onFocus="WdatePicker({onpicking:function(dp){if(!confirm('<27><><EFBFBD>ڿ<EFBFBD>ԭ<EFBFBD><D4AD><EFBFBD><EFBFBD>ֵΪ: '+dp.cal.getDateStr()+', Ҫ<><D2AA><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD>ֵ:' + dp.cal.getNewDateStr() + '<27><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?')) return true;}})" class="Wdate"/>
<br />
&lt;input type=&quot;text&quot; id=&quot;5421&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">onpicking:</span><span class="STYLE1">function(dp){if(!confirm('<27><><EFBFBD>ڿ<EFBFBD>ԭ<EFBFBD><D4AD><EFBFBD><EFBFBD>ֵΪ: '+dp.cal.getDateStr()+', Ҫ<><D2AA><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD>ֵ:' + dp.cal.getNewDateStr() + '<27><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?')) return true;}</span>})&quot; class=&quot;Wdate&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD>ע<EFBFBD>⵽dp.cal.getDateStr<74><72>dp.cal.getNewDateStr<74><72><EFBFBD>÷<EFBFBD><C3B7><EFBFBD><EFBFBD><EFBFBD>? <20><><EFBFBD><EFBFBD><a href="999.asp-.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp?#m5"><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-2-2 ʹ<><CAB9>onpickedʵ<64><CAB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD></h4>
<p>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD>ʱ<EFBFBD><EFBFBD>,<2C>ڶ<EFBFBD><DAB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><br />
<20><><EFBFBD>ڴ<EFBFBD>:
<input id="d5221" class="Wdate" type="text" onFocus="var d5222=$dp.$('d5222');WdatePicker({onpicked:function(){d5222.focus();},maxDate:'#F{$dp.$D(\'d5222\')}'})"/>
<20><>
<input id="d5222" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d5221\')}'})"/>
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>д<EFBFBD><EFBFBD><br />
&lt;input id=&quot;<span class="STYLE1">d5221</span>&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onFocus=&quot;var d5222=$dp.$('d5222');WdatePicker({<span class="STYLE2">onpicked:</span><span class="STYLE1">function(){d5222.focus();}</span>,maxDate:'#F{$dp.$D(\'d5222\')}'})&quot;/&gt;<br />
<EFBFBD><EFBFBD><br />
&lt;input id=&quot;<span class="STYLE1">d5222</span>&quot; class=&quot;Wdate&quot; type=&quot;text&quot; onFocus=&quot;WdatePicker({minDate:'#F{$dp.$D(\'d5221\')}'})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span>$dp.$<24><>һ<EFBFBD><D2BB><a href="999.asp-.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp?#m5"><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><EFBFBD><EFBFBD></a>,<2C><EFBFBD><E0B5B1>document.getElementById</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-2-3 <20><>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD>ֵ<EFBFBD><D6B5>ı<EFBFBD><C4B1><EFBFBD> </h4>
<p>
<input type="text" id="d523_y" size="5"/>
<20><>
<input type="text" id="d523_M" size="3"/>
<20><>
<input type="text" id="d523_d" size="3"/>
<20><>
<input type="text" id="d523_HH" size="3"/>
ʱ
<input type="text" id="d523_mm" size="3"/>
<20><>
<input type="text" id="d523_ss" size="3"/>
<20><>
<input type="text" id="d523"/>
<img onclick="WdatePicker({el:'d523',dateFmt:'yyyy-MM-dd HH:mm:ss',onpicked:pickedFunc})" src="../../../skin/datePicker.gif" tppabs="http://www.my97.net/dp/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle" style="cursor:pointer"/>
<script>
function pickedFunc(){
$dp.$('d523_y').value=$dp.cal.getP('y');
$dp.$('d523_M').value=$dp.cal.getP('M');
$dp.$('d523_d').value=$dp.cal.getP('d');
$dp.$('d523_HH').value=$dp.cal.getP('H');
$dp.$('d523_mm').value=$dp.cal.getP('m');
$dp.$('d523_ss').value=$dp.cal.getP('s');
}
</script>
<br />
&lt;input type=&quot;text&quot; id=&quot;d523_y&quot; size=&quot;5&quot;/&gt;
<20><><br />
&lt;input type=&quot;text&quot; id=&quot;d523_M&quot; size=&quot;3&quot;/&gt;
<20><><br />
&lt;input type=&quot;text&quot; id=&quot;d523_d&quot; size=&quot;3&quot;/&gt;
<20><><br />
&lt;input type=&quot;text&quot; id=&quot;d523_HH&quot; size=&quot;3&quot;/&gt;
ʱ<br />
&lt;input type=&quot;text&quot; id=&quot;d523_mm&quot; size=&quot;3&quot;/&gt;
<20><><br />
&lt;input type=&quot;text&quot; id=&quot;d523_ss&quot; size=&quot;3&quot;/&gt;
<20><> <br />
&lt;img onclick=&quot;WdatePicker({<span class="STYLE2">el:</span><span class="STYLE1">'d523'</span>,dateFmt:'yyyy-MM-dd HH:mm:ss',<span class="STYLE2">onpicked:</span><span class="STYLE1">pickedFunc</span>})&quot; src=&quot;../../../skin/datePicker.gif&quot; width=&quot;16&quot; height=&quot;22&quot; align=&quot;absmiddle&quot; style=&quot;cursor:pointer&quot;/&gt;<br />
<span class="STYLE1">&lt;script&gt;</span><br />
<span class="STYLE2">function</span> pickedFunc(){<br />
$dp.$('d523_y').value=$dp.cal.getP('y');<br />
$dp.$('d523_M').value=$dp.cal.getP('M');<br />
$dp.$('d523_d').value=$dp.cal.getP('d');<br />
$dp.$('d523_HH').value=$dp.cal.getP('H');<br />
$dp.$('d523_mm').value=$dp.cal.getP('m');<br />
$dp.$('d523_ss').value=$dp.cal.getP('s');<br />
}<br />
<span class="STYLE1">&lt;/script&gt;</span><br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span>el:'d523'<27><>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E3B2BB>Ҫd523<32><33><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>԰<EFBFBD><D4B0><EFBFBD><EFBFBD>ij<EFBFBD>hidden,<2C><><EFBFBD><EFBFBD>el<65><6C><EFBFBD>Ա<EFBFBD><D4B1><EFBFBD>ָ<EFBFBD><D6B8><br />
$dp.$<24><>$dp.cal.getP<74><50><EFBFBD><EFBFBD><a href="999.asp-.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp?#m5"><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><EFBFBD><EFBFBD></a> </p>
</div>
</li>
<li>onclearing <20><> oncleared <20>¼<EFBFBD>
<a name="m253" id="m253"></a>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-3-1 ʹ<><CAB9>onclearing<6E>¼<EFBFBD>ȡ<EFBFBD><C8A1><EFBFBD><EFBFBD><EFBFBD>ղ<EFBFBD><D5B2><EFBFBD></h4>
<p>
<input type="text" class="Wdate" id="d531" onFocus="WdatePicker({onclearing:function(){if(!confirm('<27><><EFBFBD>ڿ<EFBFBD><DABF><EFBFBD>ֵΪ:'+this.value+', ȷʵҪ<CAB5><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))return true;}})"/>
<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d531&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">onclearing:</span><span class="STYLE1">function(){if(!confirm('<27><><EFBFBD>ڿ<EFBFBD><DABF><EFBFBD>ֵΪ:'+this.value+', ȷʵҪ<CAB5><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))return true;}</span>})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD>onclearing<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>trueʱ,ϵͳ<CFB5><CDB3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD><C2BC><EFBFBD><EFBFBD><EFBFBD>ȡ<EFBFBD><C8A1>,<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>û<EFBFBD><C3BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD>$dp,<2C><><EFBFBD>Ժ<EFBFBD><D4BA><EFBFBD>ԭ<EFBFBD><D4AD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʡ<EFBFBD>Բ<EFBFBD><D4B2><EFBFBD>dp </p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-3-2 ʹ<><CAB9>cal<61><6C><EFBFBD><EFBFBD>ȡ<EFBFBD>õ<EFBFBD>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD>(ʹ<><CAB9><EFBFBD><EFBFBD> dp.cal)</h4>
<p>
<input type="text" class="Wdate" id="d532" onFocus="WdatePicker({oncleared:function(dp){alert('<27><>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD>Ϊ:'+dp.cal.date.M);}})"/>
<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d532&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">oncleared:</span><span class="STYLE1">function(dp){alert('<27><>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD>Ϊ:'+dp.cal.date.M);}</span>})&quot;/&gt;</p>
</div>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-3-3 <20>ۺ<EFBFBD>ʹ<EFBFBD><CAB9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD></h4>
<p>
<input type="text" class="Wdate" id="d533" onFocus="d533_focus(this)" value="2000-04-09"/>
<script>
function d533_focus(element){
var clearingFunc = function(){ if(!confirm('<27><><EFBFBD>ڿ<EFBFBD><DABF><EFBFBD>ֵΪ:'+this.value+', ȷʵҪ<CAB5><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?')) return true; }
var clearedFunc = function(){ alert('<27><><EFBFBD>ڿ<EFBFBD><DABF>ѱ<EFBFBD><D1B1><EFBFBD><EFBFBD><EFBFBD>'); }
WdatePicker({el:element,onclearing:clearingFunc,oncleared:clearedFunc})
}
</script>
<br />
<span class="STYLE1">&lt;script&gt;</span><br />
<span class="STYLE2">function</span> d533_focus(element){<br />
var clearingFunc = function(){
if(!confirm('<27><><EFBFBD>ڿ<EFBFBD><DABF><EFBFBD>ֵΪ:'+this.value+', ȷʵҪ<CAB5><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?')) return true;
}<br />
var clearedFunc = function(){
alert('<27><><EFBFBD>ڿ<EFBFBD><DABF>ѱ<EFBFBD><D1B1><EFBFBD><EFBFBD><EFBFBD>');
}<br />
WdatePicker({el:element,onclearing:clearingFunc,oncleared:clearedFunc})<br />
}<br />
<span class="STYLE1">&lt;/script&gt;</span><br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; id=&quot;d533&quot; onFocus=&quot;<span class="STYLE1">d533_focus(this)</span>&quot;/&gt;</p>
</div>
</li>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> changing<6E><67>changed <a name="m254" id="m254"></a> <p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ж<EFBFBD>Ӧ<EFBFBD><EFBFBD>changing<EFBFBD><EFBFBD>changed<EFBFBD>¼<EFBFBD>,<2C>ֱ<EFBFBD><D6B1><EFBFBD>:<br />
ychanging ychanged <br />
Mchanging Mchanged<br />
dchanging dchanged<br />
Hchanging Hchanged<br />
mchanging mchanged<br />
schanging schanged <br />
</p>
<div>
<h4>ʾ<EFBFBD><EFBFBD>5-4-1 <20><><EFBFBD><EFBFBD><EFBFBD>ոı<D5B8>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϣ</h4>
<p>
<input type="text" class="Wdate" id="d" onFocus="WdatePicker({dchanging:cDayFunc,Mchanging:cMonthFunc,ychanging:cYearFunc,dchanged:cDayFunc,Mchanged:cMonthFunc,ychanged:cYearFunc})"/>
<script>
function cDayFunc(){
cFunc('d');
}
function cMonthFunc(){
cFunc('M');
}
function cYearFunc(){
cFunc('y');
}
function cFunc(who){
var str,p,c = $dp.cal;
if(who=='y'){
str='<27><><EFBFBD><EFBFBD>';
p='y';
}
else if(who=='M'){
str='<27>·<EFBFBD>';
p='M';
}
else if(who=='d'){
str='<27><><EFBFBD><EFBFBD>';
p='d';
}
alert(str+'<27><><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1><EFBFBD>!\n$dp.cal.date.'+p+'='+c.date[p]+'\n$dp.cal.newdate.'+p+'='+c.newdate[p]);
}
</script>
<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({<span class="STYLE2">dchanging:<span class="STYLE1">cDayFunc</span>, Mchanging:</span><span class="STYLE1">cMonthFunc</span>,<span class="STYLE2"> ychanging:</span><span class="STYLE1">cYearFunc</span>,<span class="STYLE2"> dchanged:<span class="STYLE1">cDayFunc</span>, Mchanged:</span><span class="STYLE1">cMonthFunc</span>, <span class="STYLE2">ychanged:</span><span class="STYLE1">cYearFunc</span>})&quot;/&gt;<br />
<span class="STYLE1">&lt;script&gt;</span><br />
<span class="STYLE2">function</span> cDayFunc(){<br />
cFunc('d');<br />
}<br />
<span class="STYLE2">function</span> cMonthFunc(){<br />
cFunc('M');<br />
}<br />
<span class="STYLE2">function</span> cYearFunc(){<br />
cFunc('y');<br />
}<br />
<span class="STYLE2">function</span> cFunc(who){<br />
var str,p,c = $dp.cal;<br />
if(who=='y'){<br />
str='<27><><EFBFBD><EFBFBD>';<br />
p='y';<br />
}<br />
else if(who=='M'){<br />
str='<27>·<EFBFBD>';<br />
p='M';<br />
}<br />
else if(who=='d'){<br />
str='<27><><EFBFBD><EFBFBD>';<br />
p='d';<br />
}<br />
alert(str+'<27><><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1><EFBFBD>!\n$dp.cal.date.'+p+'='+c.date[p]+'\n$dp.cal.newdate.'+p+'='+c.newdate[p]);<br />
}<span class="STYLE1"><br />
&lt;/script&gt;</span><br />
<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD><C3B5><EFBFBD> $dp.cal.date <20><> $dp.cal.newdate <20><><EFBFBD><EFBFBD>,<2C><><EFBFBD>ܴ<EFBFBD><DCB4><EFBFBD><EFBFBD><EFBFBD><EFB7A2><EFBFBD><EFBFBD><EFBFBD>ǵIJ<C7B5>֮ͬ<CDAC><D6AE><EFBFBD><EFBFBD>?<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>й<EFBFBD><D0B9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ե<EFBFBD><D4B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a href="999.asp.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp#m5"><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a>
</p>
</div>
<p><br />
</p>
</li>
</ol>
<h3><a href="2.6.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.6.asp">6. <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a> <a name="m26" id="m26"></a></h3>
<h2><a href="3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/3.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5></a><a name="m3" id="m3"></a></h2>
<h2><a href="999.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/999.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></a><a name="m4" id="m4"></a></h2>
<br />
<br />
</div>
<div style="clear:both"></div>
</div>
<div class="dCenter dBody" style="padding-left:72px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6343250634002651";
/* <20>ײ<EFBFBD> */
google_ad_slot = "0599809152";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript">
</script>
</div>
<div id="footer" class="dCenter">&copy; 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>&nbsp;&nbsp;&nbsp;&nbsp;<EFBFBD><EFBFBD>ICP<EFBFBD><EFBFBD>11060275<EFBFBD><EFBFBD>
</div>
</body>
</html>

View File

@@ -0,0 +1,71 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97<EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> My97 Datepicker Demo</title>
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
<link href="demo.css" tppabs="http://www.my97.net/dp/demo/resource/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe src="../../head.asp" tppabs="http://www.my97.net/dp/head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
<div class="dCenter dBody">
<div id="content">
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD>ܼ<EFBFBD>ʾ<EFBFBD><CABE><a name="m2" id="m2"></a></h2>
<h3>6. <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <a name="m26" id="m26"></a></h3>
<p style="margin-left:20px"><EFBFBD>˹<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD>5<EFBFBD><EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>Է<EFBFBD><D4B7><EFBFBD><EFBFBD>û<EFBFBD>ѡ<EFBFBD><D1A1>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><D6B8>,ϵͳ<CFB5><CDB3><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<br />
<span class="STYLE2">qsEnabled</span> <20>Ƿ<EFBFBD><C7B7><EFBFBD><EFBFBD>ÿ<EFBFBD><C3BF><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>, <span class="STYLE1">ע<EFBFBD><EFBFBD>:<3A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><EFBFBD><EFB2BB><EFBFBD><EFBFBD> d(<28><>) <20><><EFBFBD><EFBFBD>Ԫ<EFBFBD><D4AA>ʱ,<2C><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD>һֱ<D2BB><D6B1>ʾ,<2C><><EFBFBD>մ<EFBFBD><D5B4><EFBFBD><EFBFBD>Կ<EFBFBD><D4BF><EFBFBD></span><br />
<span class="STYLE2">quickSel</span> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>Դ<EFBFBD><D4B4><EFBFBD>5<EFBFBD><35><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>ڸ<EFBFBD>ʽͬmin/maxDate<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:<br />
</span><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> realDateFmt realTimeFmt <20><>ƥ<EFBFBD><C6A5><br />
<20><><EFBFBD><EFBFBD>ʹ<EFBFBD>þ<EFBFBD>̬<EFBFBD><CCAC><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>ö<EFBFBD>̬<EFBFBD><CCAC><EFBFBD><EFBFBD>(<28><>:%y,%M<>ֱ<EFBFBD><D6B1><EFBFBD>ʾ<EFBFBD><CABE>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)<br />
</p>
<div style="margin-left:20px">
<h4>ʾ<EFBFBD><EFBFBD>6-1 <20><><EFBFBD><EFBFBD>2<EFBFBD><32><EFBFBD><EFBFBD>̬<EFBFBD><CCAC><EFBFBD><EFBFBD></h4>
<p>
<input class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy<79><79>MM<4D><4D>dd<64><64>',qsEnabled:true,quickSel:['2000-1-10','2000-2-20']})"/>
<br />
&lt;input class=&quot;Wdate&quot; type=&quot;text&quot; onfocus=&quot;WdatePicker({dateFmt:'yyyy<79><79>MM<4D><4D>dd<64><64>',<span class="STYLE2">qsEnabled:</span><span class="STYLE1">true</span>,<span class="STYLE2">quickSel:</span><span class="STYLE1">['2000-1-10','2000-2-20']</span>})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݲ<EFBFBD><EFBFBD><EFBFBD>5<EFBFBD><EFBFBD>ʱ,ϵͳ<CFB5><CDB3><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD>ȫ</p>
</div>
<div style="margin-left:20px">
<h4>ʾ<EFBFBD><EFBFBD>6-2 <20><><EFBFBD><EFBFBD>2<EFBFBD><32><EFBFBD><EFBFBD>̬<EFBFBD><CCAC><EFBFBD><EFBFBD>,1<><31><EFBFBD><EFBFBD>̬<EFBFBD><CCAC><EFBFBD><EFBFBD></h4>
<p>
<input type="text" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy<79><79>MM<4D><4D>dd<64><64>',qsEnabled:true,quickSel:['2000-10-01','%y-%M-01','%y-%M-%ld']})"/>
<br />
&lt;input type=&quot;text&quot; class=&quot;Wdate&quot; onFocus=&quot;WdatePicker({dateFmt:'yyyy<79><79>MM<4D><4D>dd<64><64>',<span class="STYLE2">qsEnabled:</span><span class="STYLE1">true</span>,<span class="STYLE2">quickSel:</span><span class="STYLE1">['2000-10-01','%y-%M-01','%y-%M-%ld']</span>})&quot;/&gt;<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݲ<EFBFBD><EFBFBD><EFBFBD>5<EFBFBD><EFBFBD>ʱ,ϵͳ<CFB5><CDB3><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD>ȫ</p>
</div>
<h2><a href="3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/3.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5></a><a name="m3" id="m3"></a></h2>
<h2><a href="999.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/999.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></a><a name="m4" id="m4"></a></h2>
<br />
<br />
</div>
<div style="clear:both"></div>
</div>
<div class="dCenter dBody" style="padding-left:72px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6343250634002651";
/* <20>ײ<EFBFBD> */
google_ad_slot = "0599809152";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript">
</script>
</div>
<div id="footer" class="dCenter">&copy; 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>&nbsp;&nbsp;&nbsp;&nbsp;<EFBFBD><EFBFBD>ICP<EFBFBD><EFBFBD>11060275<EFBFBD><EFBFBD>
</div>
</body>
</html>

View File

@@ -0,0 +1,431 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author" content="My97" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" /><title>My97<EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5> My97 Datepicker Demo</title>
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
<link href="demo.css" tppabs="http://www.my97.net/dp/demo/resource/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe src="../../head.asp" tppabs="http://www.my97.net/dp/head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
<div class="dCenter dBody">
<div id="content">
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5><a name="m3" id="m3"></a></h2>
<h3>1. <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m31" id="m31"></a></h3>
<ol>
<li><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD><a name="m311" id="m311"></a>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000">
<tr>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th>Ĭ<EFBFBD><EFBFBD>ֵ</th>
<th>˵<EFBFBD><EFBFBD></th>
</tr>
<tr>
<td colspan="4"><EFBFBD><EFBFBD>̬<EFBFBD><EFBFBD><EFBFBD><EFBFBD><><D6BB><EFBFBD><EFBFBD>WdatePicker.js<6A><73><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,һ<><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>޸ľ<DEB8>̬<EFBFBD><CCAC><EFBFBD>Ե<EFBFBD>ֵ</td>
</tr>
<tr>
<td align="center">$wdate</td>
<td align="center">bool</td>
<td align="center">true</td>
<td><EFBFBD>Ƿ<EFBFBD><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Wdate<EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>Ϊtrueʱ,<2C><>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>WdatePicker.js<6A><73>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9> class=&quot;Wdate&quot; <br />
Wdate<74><65><EFBFBD><EFBFBD>skinĿ¼<C4BF>µ<EFBFBD>WdatePicker.css<73>ļ<EFBFBD><C4BC>ж<EFBFBD><D0B6><EFBFBD><br />
<span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>ֵ</span></td>
</tr>
<tr>
<td align="center">$dpPath</td>
<td align="center">string</td>
<td align="center">''</td>
<td><EFBFBD>Ƿ<EFBFBD><EFBFBD><EFBFBD>ʾָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ľ<EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD>,һ<><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD>ռ<EFBFBD><D5BC><EFBFBD>(<28><><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>),<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><CEAA>ֹ<EFBFBD><D6B9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>³<EFBFBD><C2B3>򴴽<EFBFBD><F2B4B4BD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD><br />
<20><><EFBFBD>÷<EFBFBD><C3B7><EFBFBD>:<br />
<20><><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>http<74>еĵ<D0B5>ַΪ http://localhost/proName/My97DatePicker/<br />
<20><> $dpPath = '/proName/My97DatePicker/';<br />
<span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>ֵ</span></td>
</tr>
<tr>
<td align="center">$crossFrame</td>
<td align="center">bool</td>
<td align="center">true</td>
<td><EFBFBD>Ƿ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,һ<><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊtrue<75><65><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD>Խ<EFBFBD><D4BD>˹<EFBFBD><CBB9>ܹر<DCB9></td>
</tr>
<tr>
<td colspan="4"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<3A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>WdatePicker<65><72><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">el</td>
<td align="center">Element <20><> String</td>
<td align="center">null</td>
<td>ָ<EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD>ID,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>value<75><65>innerHTML<4D><4C><EFBFBD><EFBFBD>(<28><>input,textarea,span,div,p<>ȱ<EFBFBD>ǩ<EFBFBD><C7A9><EFBFBD><EFBFBD><EFBFBD><EFBFBD>),<2C>û<EFBFBD><C3BB><EFBFBD><E6B4A2><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾֵ(Ҳ<><D2B2><EFBFBD><EFBFBD>dateFmt<6D><74>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ)</td>
</tr>
<tr>
<td align="center">vel</td>
<td align="center">Element <20><> String</td>
<td align="center">null</td>
<td>ָ<EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD>ID,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>value<75><65><EFBFBD><EFBFBD>(<28><>input),<2C><><EFBFBD>ڴ洢<DAB4><E6B4A2>ʵֵ(Ҳ<><D2B2><EFBFBD><EFBFBD>realDateFmt<6D><74>realTimeFmt<6D><74>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ)</td>
</tr>
<tr>
<td align="center">doubleCalendar</td>
<td align="center">bool</td>
<td align="center">false</td>
<td><EFBFBD>Ƿ<EFBFBD><EFBFBD><EFBFBD>˫<EFBFBD><EFBFBD>ģʽ,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊtrue,<2C>򵯳<EFBFBD>ͬʱ<CDAC><CAB1>ʾ2<CABE><32><EFBFBD>µ<EFBFBD><C2B5><EFBFBD><EFBFBD>ڿ<EFBFBD></td>
</tr>
<tr>
<td align="center">enableKeyboard</td>
<td align="center">bool</td>
<td align="center">true</td>
<td><EFBFBD><EFBFBD><EFBFBD>̿<EFBFBD><EFBFBD>ƿ<EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">enableInputMask</td>
<td align="center">bool</td>
<td align="center">true</td>
<td><EFBFBD>ı<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">autoUpdateOnChanged</td>
<td align="center">bool</td>
<td align="center">null</td>
<td><EFBFBD><EFBFBD><EFBFBD>޸<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD><EFBFBD>ʱ,<2C>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>µ<EFBFBD>el,Ĭ<><C4AC><EFBFBD>ǹرյ<D8B1>(<28><>:<3A><>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD>ȷ<EFBFBD><C8B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڲŸ<DAB2><C5B8><EFBFBD>)<br />
Ϊfalseʱ <20><><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><br />
Ϊtrueʱ <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><br />
Ϊnullʱ(Ĭ<><C4AC>ֵ) <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ԫ<EFBFBD><D4AA><EFBFBD>Ҳ<EFBFBD><D2B2><EFBFBD><EFBFBD><EFBFBD>ȷ<EFBFBD><C8B7><EFBFBD><EFBFBD>ťʱ Ϊfalse,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊtrue</td>
</tr>
<tr>
<td align="center">weekMethod</td>
<td align="center">string</td>
<td align="center">ISO8601</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͬ<EFBFBD>ĵط<EFBFBD><EFBFBD><EFBFBD>һЩ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
1. ISO8601:<3A><EFBFBD><E6B6A8>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><CEAA>һ<EFBFBD><D2BB><><C4AC>ֵ<br />
2. MSExcel:1<><31>1<EFBFBD><31><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD><br />
<br />
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:<a href="javascript:if(confirm('http://en.wikipedia.org/wiki/ISO_week_date \n\n<><6E><EFBFBD>ļ<EFBFBD>δ<EFBFBD><CEB4> Teleport Pro <20><><EFBFBD>أ<EFBFBD><D8A3><EFBFBD>Ϊ <20><>λ<EFBFBD><CEBB><EFBFBD><EFBFBD>ʼ<EFBFBD><CABC>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD>õı߽<C4B1><DFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD>С<EFBFBD> \n\n<><6E><EFBFBD><EFBFBD>Ҫ<EFBFBD>ӷ<EFBFBD><D3B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))window.location='http://en.wikipedia.org/wiki/ISO_week_date'" tppabs="http://en.wikipedia.org/wiki/ISO_week_date" target="_blank">http://en.wikipedia.org/wiki/ISO_week_date</a></td>
</tr>
<tr>
<td align="center">position</td>
<td align="center">object</td>
<td align="center">{}</td>
<td> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾλ<CABE><CEBB><br />
<span class="STYLE2">ע<EFBFBD><EFBFBD>:<3A><><EFBFBD>굥λ<EAB5A5><CEBB>px,<2C><><EFBFBD><EFBFBD><EFBFBD>Ե<EFBFBD>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<28><><EFBFBD>ܹ<EFBFBD><DCB9><EFBFBD><EFBFBD><EFBFBD>Ӱ<EFBFBD><D3B0>),Ĭ<><C4AC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϵͳ<CFB5><CDB3><EFBFBD><EFBFBD>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD>С<EFBFBD>Զ<EFBFBD>ѡ<EFBFBD><D1A1></span><br />
<20><>:<br />
{left:100,top:50}<7D><>ʾ<EFBFBD>̶<EFBFBD><CCB6><EFBFBD><EFBFBD><EFBFBD>[100,50]<br />
{top:50}<7D><>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><D6B8>Ϊ 50<br />
{left:100}<7D><>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><D6B8>Ϊ 100<br />
<20><><EFBFBD>ο<EFBFBD>ʾ<EFBFBD><CABE></td>
</tr>
<tr>
<td align="center">lang</td>
<td align="center">string</td>
<td align="center">'auto'</td>
<td><EFBFBD><EFBFBD>ֵΪ'auto'ʱ <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>ݿͻ<DDBF><CDBB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<20><>ֵΪ <20><><EFBFBD><EFBFBD> ʱ <20><>langList<73><74>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD>Ӧ<EFBFBD><D3A6><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="#m32"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></td>
</tr>
<tr>
<td align="center">skin</td>
<td align="center">string</td>
<td align="center">'default'</td>
<td>Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> Ĭ<><C4AC><EFBFBD>Դ<EFBFBD> default<6C><74>whyGreen<65><6E><EFBFBD><EFBFBD>Ƥ<EFBFBD><C6A4><br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>css<73><73>ǿ<EFBFBD>Ļ<EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>Լ<EFBFBD><D4BC><EFBFBD>Ƥ<EFBFBD><C6A4><br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="#m33">Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></td>
</tr>
<tr>
<td align="center">dateFmt</td>
<td align="center">string</td>
<td align="center">'yyyy-MM-dd'</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD>ʽ<br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="2.2.asp.htm#m224" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m224"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ</a></td>
</tr>
<tr>
<td align="center">realDateFmt</td>
<td align="center">string</td>
<td align="center">'yyyy-MM-dd'</td>
<td rowspan="3"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڸ<EFBFBD>ʽ<br />
<span class="STYLE2"><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(disabledDates),<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(maxDate),<2C><>С<EFBFBD><D0A1><EFBFBD><EFBFBD>(minDate)<29>Լ<EFBFBD><D4BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڶ<EFBFBD><DAB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƥ<EFBFBD><C6A5><br />
<20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>Ĭ<EFBFBD><C4AC>ֵ</span></td>
</tr>
<tr>
<td align="center">realTimeFmt</td>
<td align="center">string</td>
<td align="center">'HH:mm:ss'</td>
</tr>
<tr>
<td align="center">realFullFmt</td>
<td align="center">string</td>
<td align="center">'%Date %Time'</td>
</tr>
<tr>
<td align="center">minDate</td>
<td align="center">string</td>
<td align="center">'1900-01-01 00:00:00'</td>
<td><EFBFBD><EFBFBD>С<EFBFBD><EFBFBD><EFBFBD><EFBFBD><><D7A2>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>real<61><6C><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƥ<EFBFBD><C6A5>)</td>
</tr>
<tr>
<td align="center">maxDate</td>
<td align="center">string</td>
<td align="center">'2099-12-31 23:59:59'</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><><D7A2>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>real<61><6C><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƥ<EFBFBD><C6A5>)</td>
</tr>
<tr>
<td align="center">startDate</td>
<td align="center">string</td>
<td align="center">''</td>
<td> <20><>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD>,<2C>ȵ<EFBFBD><C8B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD>ʱ<EFBFBD><CAB1>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD><br />
Ϊ<><CEAA>ʱ,ʹ<>ý<EFBFBD><C3BD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><CEAA>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD><><C4AC>ֵ)<br />
<20><><EFBFBD><EFBFBD>ʹ<EFBFBD>ô<EFBFBD><C3B4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><CEAA>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD><><D7A2>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>real<61><6C><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƥ<EFBFBD><C6A5>)<br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="2.2.asp.htm#m223" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m223"><EFBFBD><EFBFBD>ʼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD></a></td>
</tr>
<tr>
<td align="center">firstDayOfWeek</td>
<td align="center">int</td>
<td align="center">0</td>
<td><EFBFBD>ܵĵ<EFBFBD>һ<EFBFBD><EFBFBD> 0<><30>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD><EFBFBD><EFBFBD> 1<><31>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD>һ</td>
</tr>
<tr>
<td align="center">isShowWeek</td>
<td align="center">bool</td>
<td align="center">false</td>
<td><EFBFBD>Ƿ<EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="2.1.asp.htm#m213" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp#m213"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾʾ<EFBFBD><EFBFBD></a></td>
</tr>
<tr>
<td align="center">highLineWeekDay</td>
<td align="center">bool</td>
<td align="center">true</td>
<td><EFBFBD>Ƿ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">isShowClear</td>
<td align="center">bool</td>
<td align="center">true</td>
<td><EFBFBD>Ƿ<EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD>հ<EFBFBD>ť</td>
</tr>
<tr>
<td align="center">isShowToday</td>
<td align="center">bool</td>
<td align="center">true</td>
<td><EFBFBD>Ƿ<EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD>찴ť</td>
</tr>
<tr>
<td align="center">isShowOthers</td>
<td align="center">bool</td>
<td align="center">true</td>
<td>Ϊtrueʱ,<2C><>һ<EFBFBD>пհ״<D5B0><D7B4><EFBFBD>ʾ<EFBFBD><CABE><EFBFBD>µ<EFBFBD><C2B5><EFBFBD><EFBFBD>ڣ<EFBFBD>ĩ<EFBFBD>пհ״<D5B0><D7B4><EFBFBD>ʾ<EFBFBD><CABE><EFBFBD>µ<EFBFBD><C2B5><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ</td>
</tr>
<tr>
<td align="center">readOnly</td>
<td align="center">bool</td>
<td align="center">false</td>
<td><EFBFBD>Ƿ<EFBFBD>ֻ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">errDealMode</td>
<td align="center">int</td>
<td align="center">0</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ģʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>3<EFBFBD><33>ģʽ 0 - <20><>ʾ 1 - <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD> 2 - <20><><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">autoPickDate</td>
<td align="center">bool</td>
<td align="center">null</td>
<td><a name="autopickdate" id="autopickdate"></a>Ϊfalseʱ <20><><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>Ҫͨ<D2AA><CDA8>ȷ<EFBFBD><C8B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
Ϊtrueʱ <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڼ<EFBFBD><DABC>ɷ<EFBFBD><C9B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<br />
Ϊnullʱ(<28>Ƽ<EFBFBD>ʹ<EFBFBD><CAB9>) <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD>Ϊfalse <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊtrue</td>
</tr>
<tr>
<td align="center">qsEnabled</td>
<td align="center">bool</td>
<td align="center">true</td>
<td><EFBFBD>Ƿ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ÿ<EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">autoShowQS</td>
<td align="center">bool</td>
<td align="center">false</td>
<td><EFBFBD>Ƿ<EFBFBD>Ĭ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">quickSel</td>
<td align="center">Array</td>
<td align="center">null</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>Դ<EFBFBD><D4B4><EFBFBD>5<EFBFBD><35><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
ע<><D7A2>:<3A><><EFBFBD>ڸ<EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> realDateFmt realTimeFmt realFullFmt <20><>ƥ<EFBFBD><C6A5><br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="2.6.asp.htm#m26" tppabs="http://www.my97.net/dp/demo/resource/2.6.asp#m26"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD></a></td>
</tr>
<tr>
<td align="center">disabledDays</td>
<td align="center">Array</td>
<td align="center">null</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>ô˹<EFBFBD><EFBFBD>ܽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
0<><30>6 <20>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="2.4.asp.htm#m244" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m244"><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD></a></td>
</tr>
<tr>
<td align="center">disabledDates</td>
<td align="center">Array</td>
<td align="center">null</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>ô˹<EFBFBD><EFBFBD>ܽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="2.4.asp.htm#m245" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m245"><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD></a></td>
</tr>
<tr>
<td align="center">opposite</td>
<td align="center">bool</td>
<td align="center">false</td>
<td>Ĭ<EFBFBD><EFBFBD>Ϊfalse, Ϊtrueʱ,<2C><>Ч<EFBFBD><D0A7><EFBFBD>ڱ<EFBFBD><DAB1><EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD><D0A7><EFBFBD><EFBFBD> <br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:<3A><><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD>Ч<EFBFBD><D0A7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><ECB2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="2.4.asp.htm#m246" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m246"><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD></a></td>
</tr>
<tr>
<td align="center">specialDates</td>
<td align="center">Array</td>
<td align="center">null</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>ָ<EFBFBD><D6B8><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڽ<EFBFBD><DABD>и<EFBFBD><D0B8><EFBFBD><EFBFBD><EFBFBD>ʾ<br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="2.4.asp.htm#m247" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m247"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD></a></td>
</tr>
<tr>
<td align="center">specialDays</td>
<td align="center">Array</td>
<td align="center">null</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,ʹ<>ô˹<C3B4><CBB9>ܽ<EFBFBD><DCBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ӧ<EFBFBD><D3A6><EFBFBD><EFBFBD><EFBFBD>ڽ<EFBFBD><DABD>и<EFBFBD><D0B8><EFBFBD><EFBFBD><EFBFBD>ʾ<br />
0<><30>6 <20>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="2.4.asp.htm#m247" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m247"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD></a></td>
</tr>
<tr>
<td align="center">onpicking</td>
<td align="center">function</td>
<td align="center">null</td>
<td rowspan="4"><EFBFBD><EFBFBD><EFBFBD>ĸ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD>¼<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="2.5.asp.htm#m25" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp#m25"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD>ʾ<EFBFBD><EFBFBD></a></td>
</tr>
<tr>
<td align="center">onpicked</td>
<td align="center">function</td>
<td align="center">null</td>
</tr>
<tr>
<td align="center">onclearing</td>
<td align="center">function</td>
<td align="center">null</td>
</tr>
<tr>
<td align="center">oncleared</td>
<td align="center">function</td>
<td align="center">null</td>
</tr>
<tr>
<td align="center">ychanging ychanged <br />
Mchanging Mchanged<br />
dchanging dchanged<br />
Hchanging Hchanged<br />
mchanging mchanged<br />
schanging schanged </td>
<td align="center">function</td>
<td align="center">null</td>
<td><span class="STYLE1">(4.6Beta3<EFBFBD><EFBFBD><EFBFBD><EFBFBD>)</span><br />
<br />
y M d H m s <20>ֱ<EFBFBD><D6B1><EFBFBD>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD><br />
changing <20>¼<EFBFBD><C2BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ըı<D4B8>֮ǰ<br />
changed <20>¼<EFBFBD><C2BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ըı<D4B8>֮<EFBFBD><D6AE><br />
<br />
<20><><EFBFBD><EFBFBD><EFBFBD>Բο<D4B2><a href="2.5.asp-.htm#m254" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp?#m254">ʾ<EFBFBD><EFBFBD>5-4-1</a></td>
</tr>
</table>
</li>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȫ<EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>ֵ<a name="m312" id="m312"></a>
<p>ͨ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>WdatePicker.js<6A><73><EFBFBD><EFBFBD><EFBFBD>Կ<EFBFBD><D4BF>Ա<EFBFBD><D4B1><EFBFBD>ÿ<EFBFBD>ε<EFBFBD><CEB5>ö<EFBFBD><C3B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ,Ϊ<><CEAA><EFBFBD>ɴ<EFBFBD><C9B4><EFBFBD><EFBFBD>ܶ෽<DCB6><E0B7BD>.<br />
<20><>Ĭ<EFBFBD><C4AC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>My97Ϊÿ<CEAA><C3BF><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ĭ<EFBFBD><C4AC>ֵ,<2C><>ЩĬ<D0A9><C4AC>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>WdatePicker.js<6A><73><EFBFBD>޸ĵ<DEB8><br />
<20><><EFBFBD><EFBFBD><EFBFBD>Ը<EFBFBD><D4B8><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>˵<EFBFBD>ϲ<EFBFBD>ø<EFBFBD><C3B8><EFBFBD><EFBFBD><EFBFBD>Щֵ<br />
<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƚϲ<C8BD>ϲ<EFBFBD><CFB2>Ĭ<EFBFBD>ϵ<EFBFBD>Ƥ<EFBFBD><C6A4>default <20><><EFBFBD><EFBFBD>ϲ<EFBFBD><CFB2> whyGreen <20><><EFBFBD><EFBFBD>Ƥ<EFBFBD><C6A4>,<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD>WdatePicker.js<6A><73>skinֵ<6E><D6B5>Ϊ whyGreen<br />
<20><><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ÿ<EFBFBD>ε<EFBFBD><EFBFBD>ÿؼ<EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD>򶼴<EFBFBD><EFBFBD><EFBFBD></span> skin:'whyGreen' <20><><br />
<20><>ѧ<EFBFBD><D1A7><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?</p>
</li>
<li><EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD><a name="m313" id="m313"></a>
<p><EFBFBD>ڿؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD><EFBFBD> onfocus <20><> onclick <20>¼<EFBFBD><C2BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>WdatePicker<65><72><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڿؼ<DABF><br />
WdatePicker({})<29><><EFBFBD><EFBFBD>{}<7D>е<EFBFBD><D0B5><EFBFBD><EFBFBD>ݶ<EFBFBD><DDB6><EFBFBD>ֻ<EFBFBD>Ե<EFBFBD>ǰʵ<C7B0><CAB5><EFBFBD><EFBFBD>Ч,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD><D4B1><EFBFBD><EFBFBD>е<EFBFBD><D0B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Щ<EFBFBD><D0A9><EFBFBD><EFBFBD>,<2C><EFBFBD><EFB5BD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
My97<39><37><EFBFBD>ڿؼ<DABF><D8BC><EFBFBD><EFBFBD><EFBFBD><E2B7BD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>÷dz<C3B7><C7B3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>.</p>
</li>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ÿ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>л<EFBFBD><a name="m314" id="m314"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ö<EFBFBD><EFBFBD><EFBFBD>WdatePicker.js<6A>ļ<EFBFBD>,<2C><>
cn_WdatePicker.js,en_WdatePicker.js,simple_WdatePicker.js<6A><73><br />
<20>ڲ<EFBFBD>ͬ<EFBFBD><CDAC>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD><EFBFBD>벻ͬ<EBB2BB><CDAC> WdatePicker.js <20><EFBFBD><EFB5BD><EFBFBD>ÿ<EFBFBD><C3BF><EFBFBD><EFBFBD>л<EFBFBD><D0BB><EFBFBD>Ŀ<EFBFBD><C4BF>.<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:<3A>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> _WdatePicker.js(<28><>Сд<D0A1><D0B4><EFBFBD><EFBFBD><EFBFBD><EFBFBD>) Ϊ<><CEAA>׺,<2C><><EFBFBD><EFBFBD> &lt;yourname&gt;_WdatePicker.js</span></p>
</li>
</ol>
<h3>2. <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m32" id="m32"></a> </h3>
<ol>
<li><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><a name="m321" id="m321"></a><p>My97DatePickerĿ¼<EFBFBD><EFBFBD><EFBFBD>и<EFBFBD>config.js(4.8<EFBFBD>Ժ<EFBFBD><EFBFBD><EFBFBD>WdatePicker.js<6A><73>),<2C><><EFBFBD><EFBFBD><EFBFBD>жδ<D0B6><CEB4><EFBFBD>: <br />
var <span class="STYLE1">langList</span> = <br />
[<br />
{<span class="STYLE2">name:</span><span class="STYLE1">'en'</span>, <span class="STYLE2">charset:</span><span class="STYLE1">'UTF-8'</span>},<br />
{name:'zh-cn', charset:'gb2312'},<br />
{name:'zh-tw', charset:'GBK'}<br />
];<br />
<br />
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD>,ÿ<><C3BF><EFBFBD><EFBFBD><EFBFBD><EFBFBD>name<6D><65>charset<65><74><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>.<br />
name <20><>ʾ<EFBFBD><CABE><EFBFBD>Ե<EFBFBD><D4B5><EFBFBD><EFBFBD><EFBFBD>(<28><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͬ),<2C><><EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD>ʱ<EFBFBD><CAB1>,<span class="STYLE2">lang<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֻ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>е<EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>ص<EFBFBD>һ<EFBFBD><D2BB></span><br />
charset <20><>ʾ<EFBFBD><CABE>Ӧ<EFBFBD><D3A6><EFBFBD><EFBFBD>Ŀ¼<C4BF>µ<EFBFBD>js<6A>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD>Ӧ<EFBFBD>ı<EFBFBD><C4B1><EFBFBD><EFBFBD><EFBFBD>ʽ</p>
</li>
<li><EFBFBD><EFBFBD><EFBFBD>԰<EFBFBD>װ˵<EFBFBD><EFBFBD><a name="m322" id="m322"></a>
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʵ<EFBFBD><EFBFBD>:<br />
1 <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> lang Ŀ¼<br />
2 <20><><EFBFBD><EFBFBD> config.js <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD></p>
</li>
</ol>
<h3>3. Ƥ<><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m33" id="m33"></a></h3>
<ol>
<li>Ƥ<EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><a name="m331" id="m331"></a>
<p>My97DatePickerĿ¼<EFBFBD><EFBFBD><EFBFBD>и<EFBFBD>config.js(4.8<EFBFBD>Ժ<EFBFBD><EFBFBD><EFBFBD>WdatePicker.js<6A><73>),<2C><><EFBFBD><EFBFBD><EFBFBD>жδ<D0B6><CEB4><EFBFBD>:
<br />
var <span class="STYLE1">skinList</span> = <br />
[<br />
{<span class="STYLE2">name:</span><span class="STYLE1">'default'</span>, <span class="STYLE2">charset:</span><span class="STYLE1">'gb2312'</span>},<br />
{name:'whyGreen', charset:'gb2312'},<br />
{name:'blue', charset:'gb2312'},<br />
{name:'simple', charset:'gb2312'} <br />
];<br />
<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƥ<EFBFBD><C6A4><EFBFBD>б<EFBFBD>,ÿ<><C3BF><EFBFBD><EFBFBD><EFBFBD><EFBFBD>name<6D><65>charset<65><74><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>.<br />
name <20><>ʾƤ<CABE><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD>ʱ<EFBFBD><CAB1>,<span class="STYLE2">skin<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֻ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>е<EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>ص<EFBFBD>һ<EFBFBD><D2BB></span><br />
charset <20><>ʾ<EFBFBD><CABE>ӦƤ<D3A6><C6A4>Ŀ¼<C4BF>µ<EFBFBD>css<73>ļ<EFBFBD>:datepicker.css<73><73><EFBFBD><EFBFBD>Ӧ<EFBFBD>ı<EFBFBD><C4B1><EFBFBD><EFBFBD><EFBFBD>ʽ</p>
</li>
<li>Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>װ˵<EFBFBD><EFBFBD><a name="m332" id="m332"></a><p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʵ<EFBFBD><EFBFBD>:<br />
1 <20><>Ƥ<EFBFBD><C6A4><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> skin Ŀ¼<br />
2 <20><><EFBFBD><EFBFBD> config.js <20><><EFBFBD><EFBFBD>Ƥ<EFBFBD><C6A4><EFBFBD>б<EFBFBD>
<br />
<br />
<span class="STYLE1">ע<EFBFBD><EFBFBD>:<3A><>װ<EFBFBD><D7B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƥ<EFBFBD><C6A4><EFBFBD><EFBFBD>Ӱ<EFBFBD><D3B0><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,һ<><D2BB>ֻ<EFBFBD><D6BB>װ<EFBFBD>Լ<EFBFBD>ʹ<EFBFBD>õ<EFBFBD>Ƥ<EFBFBD><C6A4>,3<><33><EFBFBD><EFBFBD><EFBFBD>±Ƚ<C2B1><C8BD><EFBFBD><EFBFBD><EFBFBD></span></p>
</li>
</ol>
<h2><a href="999.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/999.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></a><a name="m4" id="m4"></a></h2>
<br />
<br />
</div>
<div style="clear:both"></div>
</div>
<div class="dCenter dBody" style="padding-left:72px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6343250634002651";
/* <20>ײ<EFBFBD> */
google_ad_slot = "0599809152";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript">
</script>
</div>
<div id="footer" class="dCenter">&copy; 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>&nbsp;&nbsp;&nbsp;&nbsp;<EFBFBD><EFBFBD>ICP<EFBFBD><EFBFBD>11060275<EFBFBD><EFBFBD>
</div>
</body>
</html>

View File

@@ -0,0 +1,177 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97<EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <20><><EFBFBD><EFBFBD><E6B9A6> My97 Datepicker Demo</title>
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
<link href="demo.css" tppabs="http://www.my97.net/dp/demo/resource/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe src="../../head.asp" tppabs="http://www.my97.net/dp/head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
<div class="dCenter dBody">
<div id="content">
<h2><a href="main.asp" tppabs="http://www.my97.net/dp/demo/resource/main.asp"><strong>һ. <20><><EFBFBD><EFBFBD></strong></a><a name="m2" id="m2"></a></h2>
<h2><a href="2.1.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp"><strong><EFBFBD><EFBFBD>. <20><><EFBFBD>ܼ<EFBFBD>ʾ<EFBFBD><CABE></strong></a><a name="m2" id="m2"></a></h2>
<h2><a href="3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/3.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5></a><a name="m3" id="m3"></a></h2>
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9><a name="m4" id="m4"></a></h2>
<p style="margin-left:20px">1. <20><>ʹ<EFBFBD>ø<EFBFBD><C3B8><EFBFBD><EFBFBD>ڿؼ<DABF><D8BC><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC>м<EFBFBD><D0BC><EFBFBD>JS<4A><53><span class="STYLE2">(<28><><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>ɾ<EFBFBD><C9BE><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)</span>, <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;datepicker/WdatePicker.js&quot;&gt;&lt;/script&gt;<br />
ע:<span class="STYLE2">src=&quot;datepicker/WdatePicker.js&quot;</span> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʵ<EFBFBD><CAB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD>·<EFBFBD><C2B7><br />
<br />
2. <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> WdatePicker<br />
<20><><EFBFBD><EFBFBD> WdatePicker <20><><EFBFBD>÷<EFBFBD>:<span class="STYLE2"><br />
<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>js<6A><73><EFBFBD><EFBFBD><EFBFBD>Ǻ<EFBFBD><C7BA>˽<EFBFBD><CBBD>Ļ<EFBFBD></span><span class="STYLE1">һ<EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĵ<EFBFBD></span><br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ÿһ<C3BF><D2BB><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E6B6BC><EFBFBD><EFBFBD><EFBFBD>ش<EFBFBD><D8B4><EFBFBD>,<2C><><EFBFBD><EFBFBD> <span class="STYLE2"><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD></span>,<span class="STYLE1"><EFBFBD>ؼ<EFBFBD>ֵ<EFBFBD>ú<EFBFBD><EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD></span> Ӧ<>ú<EFBFBD><C3BA><EFBFBD><EFBFBD>׿<EFBFBD><D7BF><EFBFBD><EFBFBD><EFBFBD> <br />
<br />
<span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ˮ׼<br />
</span>ϣ<EFBFBD><EFBFBD><EFBFBD>ܴ<EFBFBD>ͷ<EFBFBD><EFBFBD>β<EFBFBD>ѹ<EFBFBD><EFBFBD>ܽ<EFBFBD><EFBFBD>ܺúÿ<EFBFBD>һ<EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>󲿷ֹ<F3B2BFB7><D6B9><EFBFBD><EFBFBD><EFBFBD><E3B6BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<br />
<span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ǹ<EFBFBD><EFBFBD><EFBFBD></span><br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD><EFBFBD><EFBFBD>˵<EFBFBD><CBB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><C3BA><EFBFBD></p>
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD>ú<EFBFBD><C3BA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m5" id="m5"></a></h2>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000">
<tr>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
</tr>
<tr>
<td align="center">$dp.show</td>
<td align="center">void</td>
<td align="center">ȫ<EFBFBD><EFBFBD></td>
<td><EFBFBD><EFBFBD></td>
<td><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">$dp.hide</td>
<td align="center">void</td>
<td align="center">ȫ<EFBFBD><EFBFBD></td>
<td><EFBFBD><EFBFBD></td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">$dp.$D</td>
<td align="center">String</td>
<td align="center">ȫ<EFBFBD><EFBFBD></td>
<td><span class="STYLE2">id [string]:</span> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ID <br />
<span class="STYLE2">arg [object]:</span> <20><><EFBFBD>ڲ<EFBFBD><DAB2><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ó<EFBFBD><br />
{y:[ֵ],M:[ֵ],d:[ֵ],H:[ֵ],m:[ֵ],s:[ֵ]}<br />
<20><><EFBFBD><EFBFBD> y,M,d,H,m,s <20>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD><br />
{M:3,d:7} <20><>ʾ 3<><33><EFBFBD><EFBFBD><EFBFBD><EFBFBD>7<EFBFBD><37><br />
{d:1,H:1} <20><>ʾ1<CABE><31><EFBFBD><EFBFBD>1Сʱ</td>
<td><EFBFBD><EFBFBD>id<EFBFBD><EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD><EFBFBD>е<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>϶<EFBFBD><CFB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڲ<EFBFBD><DAB2><EFBFBD>,<2C><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>real<61><6C>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڴ<EFBFBD><br />
<span class="STYLE2"><EFBFBD>ο<EFBFBD> ʾ<><CABE> 4-3-2</span></td>
</tr>
<tr>
<td align="center">$dp.$DV</td>
<td align="center">String</td>
<td align="center">ȫ<EFBFBD><EFBFBD></td>
<td><span class="STYLE2">v [string]:</span> <20><><EFBFBD><EFBFBD><EFBFBD>ַ<EFBFBD><D6B7><EFBFBD><br />
<span class="STYLE2">arg [object]:</span> ͬ<><CDAC><EFBFBD><EFBFBD><EFBFBD><EFBFBD>arg </td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>϶<EFBFBD><CFB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڲ<EFBFBD><DAB2><EFBFBD>,<2C><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>real<61><6C>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڴ<EFBFBD><br />
<span class="STYLE2"><EFBFBD>ο<EFBFBD> ʾ<><CABE> 4-3-3</span></td>
</tr>
<tr>
<td colspan="5"><EFBFBD><EFBFBD><EFBFBD>º<EFBFBD><EFBFBD><EFBFBD>ֻ<EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ч</td>
</tr>
<tr>
<td align="center">$dp.cal.getP</td>
<td align="center">String</td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td><span class="STYLE2">p [string]:</span> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> yMdHmswWD<57>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>,<2C><>,ʱ,<2C><>,<2C><>,<2C><><EFBFBD><EFBFBD>(0-6),<2C><>(1-52),<2C><><EFBFBD><EFBFBD>(һ-<2D><>) <br />
<span class="STYLE2">f [string]:</span> format <20><>ʽ<EFBFBD>ַ<EFBFBD><D6B7><EFBFBD><br />
<20><><EFBFBD>÷<EFBFBD><C3B7><EFBFBD><EFBFBD>ο<EFBFBD> <span class="STYLE2">1.4 <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ</span></td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ[<5B><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>],<2C><>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD>ǰ</span><EFBFBD><EFBFBD>ֵ<br />
<span class="STYLE2"><EFBFBD>ο<EFBFBD> ʾ<><CABE> 1-2-2</span></td>
</tr>
<tr>
<td align="center">$dp.cal.getDateStr</td>
<td align="center">String </td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td><span class="STYLE2">f [string]:</span> <20><>ʽ<EFBFBD>ַ<EFBFBD><D6B7><EFBFBD><><CEAA>ʱʹ<CAB1><CAB9>dateFmt<br /></td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ[<5B><><EFBFBD><EFBFBD>ֵ],<2C><>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD>ǰ</span><EFBFBD><EFBFBD>ֵ</td>
</tr>
<tr>
<td align="center"> $dp.cal.getNewP</td>
<td align="center">String</td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td><EFBFBD>÷<EFBFBD>ͬ$dp.cal.getP</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ[<5B><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>],<2C><>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><EFBFBD><EFBFBD>ֵ</td>
</tr>
<tr>
<td align="center"> $dp.cal.getNewDateStr</td>
<td align="center">String</td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td><EFBFBD>÷<EFBFBD>ͬ$dp.cal.getDateStr</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ[<5B><><EFBFBD><EFBFBD>ֵ],<2C><>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><EFBFBD><EFBFBD>ֵ</td>
</tr>
</table>
<br />
<br />
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000">
<tr>
<th width="14%"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th width="10%"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th width="11%"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th width="29%"><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th width="36%"><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
</tr>
<tr>
<td align="center"> $dp.cal.date</td>
<td align="center">object</td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td>$dp.cal.date.y:<3A><><EFBFBD><EFBFBD> <20><><br />
$dp.cal.date.M:<3A><><EFBFBD><EFBFBD> <20><><br />
$dp.cal.date.d:<3A><><EFBFBD><EFBFBD> <20><><br />
$dp.cal.date.H:<3A><><EFBFBD><EFBFBD> ʱ<br />
$dp.cal.date.m:<3A><><EFBFBD><EFBFBD> <20><><br />
$dp.cal.date.s:<3A><><EFBFBD><EFBFBD> <20><> <br /></td>
<td><EFBFBD><EFBFBD>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD>ǰ</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڶ<EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center"> $dp.cal.newdate</td>
<td align="center">object</td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td><EFBFBD>÷<EFBFBD>ͬ$dp.cal.date</td>
<td><EFBFBD><EFBFBD>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڶ<EFBFBD><EFBFBD><EFBFBD></td>
</tr>
</table>
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD>ѽ<EFBFBD><D1BD><EFBFBD><a name="m6" id="m6"></a></h2>
<p style="margin-left:20px"><EFBFBD>κ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>Ȳο<C8B2> <a href="javascript:if(confirm('http://www.my97.net/dp/support.asp \n\n<><6E><EFBFBD>ļ<EFBFBD>δ<EFBFBD><CEB4> Teleport Pro <20><><EFBFBD>أ<EFBFBD><D8A3><EFBFBD>Ϊ <20><>λ<EFBFBD><CEBB><EFBFBD><EFBFBD>ʼ<EFBFBD><CABC>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD>õı߽<C4B1><DFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD>С<EFBFBD> \n\n<><6E><EFBFBD><EFBFBD>Ҫ<EFBFBD>ӷ<EFBFBD><D3B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))window.location='http://www.my97.net/dp/support.asp'" tppabs="http://www.my97.net/dp/support.asp" target="_top"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD><EFBFBD></a> <br />
<20><><EFBFBD><EFBFBD><EFBFBD>Ҳ<EFBFBD><D2B2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD>blog<6F><67><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϵ<EFBFBD><CFB5>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϵ</p>
<h2><EFBFBD><EFBFBD>. <20><>ϵMy97<a name="m7" id="m7"></a></h2>
<p style="margin-left:20px"> * <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>ù<EFBFBD><C3B9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>и<EFBFBD><D0B8>õĽ<C3B5><C4BD><EFBFBD><br />
* <20><>ӭ<EFBFBD><D3AD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
* BLOG: <a href="javascript:if(confirm('http://my97.cnblogs.com/ \n\n<><6E><EFBFBD>ļ<EFBFBD>δ<EFBFBD><CEB4> Teleport Pro <20><><EFBFBD>أ<EFBFBD><D8A3><EFBFBD>Ϊ <20><>λ<EFBFBD><CEBB><EFBFBD><EFBFBD>ʼ<EFBFBD><CABC>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD>õı߽<C4B1><DFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD>С<EFBFBD> \n\n<><6E><EFBFBD><EFBFBD>Ҫ<EFBFBD>ӷ<EFBFBD><D3B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))window.location='http://my97.cnblogs.com/'" tppabs="http://my97.cnblogs.com/">http://my97.cnblogs.com</a><br />
* MAIL: support$my97.net($<24><><EFBFBD><EFBFBD>@)<br />
* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>blog<6F><67><EFBFBD>Ի<EFBFBD><D4BB><EFBFBD><EFBFBD><EFBFBD>Email<69><6C>,<span class="STYLE1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϸ<EFBFBD><EFBFBD>˵<EFBFBD><EFBFBD>,<2C>ܶ<EFBFBD><DCB6><EFBFBD><EFBFBD><EFBFBD><E2B6BC><EFBFBD><EFBFBD>Ϊû<CEAA><C3BB><EFBFBD><EFBFBD>ϸ<EFBFBD><CFB8>˵<EFBFBD><CBB5><EFBFBD><EFBFBD><EFBFBD>µ<EFBFBD></span> </p>
<br />
<br />
</div>
<div style="clear:both"></div>
</div>
<div class="dCenter dBody" style="padding-left:72px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6343250634002651";
/* <20>ײ<EFBFBD> */
google_ad_slot = "0599809152";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript">
</script>
</div>
<div id="footer" class="dCenter">&copy; 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>&nbsp;&nbsp;&nbsp;&nbsp;<EFBFBD><EFBFBD>ICP<EFBFBD><EFBFBD>11060275<EFBFBD><EFBFBD>
</div>
</body>
</html>

View File

@@ -0,0 +1,177 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97<EFBFBD><EFBFBD><EFBFBD>ڿؼ<EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ <20><><EFBFBD><EFBFBD><E6B9A6> My97 Datepicker Demo</title>
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
<link href="demo.css" tppabs="http://www.my97.net/dp/demo/resource/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe src="../../head.asp" tppabs="http://www.my97.net/dp/head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
<div class="dCenter dBody">
<div id="content">
<h2><a href="main.asp" tppabs="http://www.my97.net/dp/demo/resource/main.asp"><strong>һ. <20><><EFBFBD><EFBFBD></strong></a><a name="m2" id="m2"></a></h2>
<h2><a href="2.1.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp"><strong><EFBFBD><EFBFBD>. <20><><EFBFBD>ܼ<EFBFBD>ʾ<EFBFBD><CABE></strong></a><a name="m2" id="m2"></a></h2>
<h2><a href="3.asp.htm" tppabs="http://www.my97.net/dp/demo/resource/3.asp"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5></a><a name="m3" id="m3"></a></h2>
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9><a name="m4" id="m4"></a></h2>
<p style="margin-left:20px">1. <20><>ʹ<EFBFBD>ø<EFBFBD><C3B8><EFBFBD><EFBFBD>ڿؼ<DABF><D8BC><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC>м<EFBFBD><D0BC><EFBFBD>JS<4A><53><span class="STYLE2">(<28><><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>ɾ<EFBFBD><C9BE><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)</span>, <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;datepicker/WdatePicker.js&quot;&gt;&lt;/script&gt;<br />
ע:<span class="STYLE2">src=&quot;datepicker/WdatePicker.js&quot;</span> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʵ<EFBFBD><CAB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD>·<EFBFBD><C2B7><br />
<br />
2. <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> WdatePicker<br />
<20><><EFBFBD><EFBFBD> WdatePicker <20><><EFBFBD>÷<EFBFBD>:<span class="STYLE2"><br />
<br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>js<6A><73><EFBFBD><EFBFBD><EFBFBD>Ǻ<EFBFBD><C7BA>˽<EFBFBD><CBBD>Ļ<EFBFBD></span><span class="STYLE1">һ<EFBFBD><EFBFBD>Ҫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĵ<EFBFBD></span><br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ÿһ<C3BF><D2BB><EFBFBD><EFBFBD>ʾ<EFBFBD><CABE>ʾ<EFBFBD><CABE><EFBFBD><EFBFBD><EFBFBD><EFBFBD><E6B6BC><EFBFBD><EFBFBD><EFBFBD>ش<EFBFBD><D8B4><EFBFBD>,<2C><><EFBFBD><EFBFBD> <span class="STYLE2"><EFBFBD>ؼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD></span>,<span class="STYLE1"><EFBFBD>ؼ<EFBFBD>ֵ<EFBFBD>ú<EFBFBD><EFBFBD>ֱ<EFBFBD><EFBFBD><EFBFBD></span> Ӧ<>ú<EFBFBD><C3BA><EFBFBD><EFBFBD>׿<EFBFBD><D7BF><EFBFBD><EFBFBD><EFBFBD> <br />
<br />
<span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ˮ׼<br />
</span>ϣ<EFBFBD><EFBFBD><EFBFBD>ܴ<EFBFBD>ͷ<EFBFBD><EFBFBD>β<EFBFBD>ѹ<EFBFBD><EFBFBD>ܽ<EFBFBD><EFBFBD>ܺúÿ<EFBFBD>һ<EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>󲿷ֹ<F3B2BFB7><D6B9><EFBFBD><EFBFBD><EFBFBD><E3B6BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
<br />
<span class="STYLE2"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ǹ<EFBFBD><EFBFBD><EFBFBD></span><br />
<20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD><EFBFBD><EFBFBD>˵<EFBFBD><CBB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ú<EFBFBD><C3BA><EFBFBD></p>
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD>ú<EFBFBD><C3BA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m5" id="m5"></a></h2>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000">
<tr>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
</tr>
<tr>
<td align="center">$dp.show</td>
<td align="center">void</td>
<td align="center">ȫ<EFBFBD><EFBFBD></td>
<td><EFBFBD><EFBFBD></td>
<td><EFBFBD><EFBFBD>ʾ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">$dp.hide</td>
<td align="center">void</td>
<td align="center">ȫ<EFBFBD><EFBFBD></td>
<td><EFBFBD><EFBFBD></td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center">$dp.$D</td>
<td align="center">String</td>
<td align="center">ȫ<EFBFBD><EFBFBD></td>
<td><span class="STYLE2">id [string]:</span> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ID <br />
<span class="STYLE2">arg [object]:</span> <20><><EFBFBD>ڲ<EFBFBD><DAB2><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ó<EFBFBD><br />
{y:[ֵ],M:[ֵ],d:[ֵ],H:[ֵ],m:[ֵ],s:[ֵ]}<br />
<20><><EFBFBD><EFBFBD> y,M,d,H,m,s <20>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD><br />
{M:3,d:7} <20><>ʾ 3<><33><EFBFBD><EFBFBD><EFBFBD><EFBFBD>7<EFBFBD><37><br />
{d:1,H:1} <20><>ʾ1<CABE><31><EFBFBD><EFBFBD>1Сʱ</td>
<td><EFBFBD><EFBFBD>id<EFBFBD><EFBFBD>Ӧ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڿ<EFBFBD><EFBFBD>е<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>϶<EFBFBD><CFB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڲ<EFBFBD><DAB2><EFBFBD>,<2C><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>real<61><6C>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڴ<EFBFBD><br />
<span class="STYLE2"><EFBFBD>ο<EFBFBD> ʾ<><CABE> 4-3-2</span></td>
</tr>
<tr>
<td align="center">$dp.$DV</td>
<td align="center">String</td>
<td align="center">ȫ<EFBFBD><EFBFBD></td>
<td><span class="STYLE2">v [string]:</span> <20><><EFBFBD><EFBFBD><EFBFBD>ַ<EFBFBD><D6B7><EFBFBD><br />
<span class="STYLE2">arg [object]:</span> ͬ<><CDAC><EFBFBD><EFBFBD><EFBFBD><EFBFBD>arg </td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>϶<EFBFBD><CFB6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڲ<EFBFBD><DAB2><EFBFBD>,<2C><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9>real<61><6C>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڴ<EFBFBD><br />
<span class="STYLE2"><EFBFBD>ο<EFBFBD> ʾ<><CABE> 4-3-3</span></td>
</tr>
<tr>
<td colspan="5"><EFBFBD><EFBFBD><EFBFBD>º<EFBFBD><EFBFBD><EFBFBD>ֻ<EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ч</td>
</tr>
<tr>
<td align="center">$dp.cal.getP</td>
<td align="center">String</td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td><span class="STYLE2">p [string]:</span> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> yMdHmswWD<57>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>,<2C><>,ʱ,<2C><>,<2C><>,<2C><><EFBFBD><EFBFBD>(0-6),<2C><>(1-52),<2C><><EFBFBD><EFBFBD>(һ-<2D><>) <br />
<span class="STYLE2">f [string]:</span> format <20><>ʽ<EFBFBD>ַ<EFBFBD><D6B7><EFBFBD><br />
<20><><EFBFBD>÷<EFBFBD><C3B7><EFBFBD><EFBFBD>ο<EFBFBD> <span class="STYLE2">1.4 <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ</span></td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ[<5B><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>],<2C><>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD>ǰ</span><EFBFBD><EFBFBD>ֵ<br />
<span class="STYLE2"><EFBFBD>ο<EFBFBD> ʾ<><CABE> 1-2-2</span></td>
</tr>
<tr>
<td align="center">$dp.cal.getDateStr</td>
<td align="center">String </td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td><span class="STYLE2">f [string]:</span> <20><>ʽ<EFBFBD>ַ<EFBFBD><D6B7><EFBFBD><><CEAA>ʱʹ<CAB1><CAB9>dateFmt<br /></td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ[<5B><><EFBFBD><EFBFBD>ֵ],<2C><>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD>ǰ</span><EFBFBD><EFBFBD>ֵ</td>
</tr>
<tr>
<td align="center"> $dp.cal.getNewP</td>
<td align="center">String</td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td><EFBFBD>÷<EFBFBD>ͬ$dp.cal.getP</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ[<5B><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>],<2C><>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><EFBFBD><EFBFBD>ֵ</td>
</tr>
<tr>
<td align="center"> $dp.cal.getNewDateStr</td>
<td align="center">String</td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td><EFBFBD>÷<EFBFBD>ͬ$dp.cal.getDateStr</td>
<td><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ָ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD>ַ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ[<5B><><EFBFBD><EFBFBD>ֵ],<2C><>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><EFBFBD><EFBFBD>ֵ</td>
</tr>
</table>
<br />
<br />
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000">
<tr>
<th width="14%"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th width="10%"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th width="11%"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th width="29%"><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
<th width="36%"><EFBFBD><EFBFBD><EFBFBD><EFBFBD></th>
</tr>
<tr>
<td align="center"> $dp.cal.date</td>
<td align="center">object</td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td>$dp.cal.date.y:<3A><><EFBFBD><EFBFBD> <20><><br />
$dp.cal.date.M:<3A><><EFBFBD><EFBFBD> <20><><br />
$dp.cal.date.d:<3A><><EFBFBD><EFBFBD> <20><><br />
$dp.cal.date.H:<3A><><EFBFBD><EFBFBD> ʱ<br />
$dp.cal.date.m:<3A><><EFBFBD><EFBFBD> <20><><br />
$dp.cal.date.s:<3A><><EFBFBD><EFBFBD> <20><> <br /></td>
<td><EFBFBD><EFBFBD>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD>ǰ</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڶ<EFBFBD><EFBFBD><EFBFBD></td>
</tr>
<tr>
<td align="center"> $dp.cal.newdate</td>
<td align="center">object</td>
<td align="center"><EFBFBD>¼<EFBFBD>function</td>
<td><EFBFBD>÷<EFBFBD>ͬ$dp.cal.date</td>
<td><EFBFBD><EFBFBD>changing,picking,clearing<6E>¼<EFBFBD><C2BC>з<EFBFBD><D0B7><EFBFBD><span class="STYLE1">ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڶ<EFBFBD><EFBFBD><EFBFBD></td>
</tr>
</table>
<h2><EFBFBD><EFBFBD>. <20><><EFBFBD>ѽ<EFBFBD><D1BD><EFBFBD><a name="m6" id="m6"></a></h2>
<p style="margin-left:20px"><EFBFBD>κ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>Ȳο<C8B2> <a href="javascript:if(confirm('http://www.my97.net/dp/support.asp \n\n<><6E><EFBFBD>ļ<EFBFBD>δ<EFBFBD><CEB4> Teleport Pro <20><><EFBFBD>أ<EFBFBD><D8A3><EFBFBD>Ϊ <20><>λ<EFBFBD><CEBB><EFBFBD><EFBFBD>ʼ<EFBFBD><CABC>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD>õı߽<C4B1><DFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD>С<EFBFBD> \n\n<><6E><EFBFBD><EFBFBD>Ҫ<EFBFBD>ӷ<EFBFBD><D3B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))window.location='http://www.my97.net/dp/support.asp'" tppabs="http://www.my97.net/dp/support.asp" target="_top"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD><EFBFBD></a> <br />
<20><><EFBFBD><EFBFBD><EFBFBD>Ҳ<EFBFBD><D2B2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD>blog<6F><67><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϵ<EFBFBD><CFB5>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϵ</p>
<h2><EFBFBD><EFBFBD>. <20><>ϵMy97<a name="m7" id="m7"></a></h2>
<p style="margin-left:20px"> * <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>ù<EFBFBD><C3B9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>и<EFBFBD><D0B8>õĽ<C3B5><C4BD><EFBFBD><br />
* <20><>ӭ<EFBFBD><D3AD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><br />
* BLOG: <a href="javascript:if(confirm('http://my97.cnblogs.com/ \n\n<><6E><EFBFBD>ļ<EFBFBD>δ<EFBFBD><CEB4> Teleport Pro <20><><EFBFBD>أ<EFBFBD><D8A3><EFBFBD>Ϊ <20><>λ<EFBFBD><CEBB><EFBFBD><EFBFBD>ʼ<EFBFBD><CABC>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD>õı߽<C4B1><DFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD>С<EFBFBD> \n\n<><6E><EFBFBD><EFBFBD>Ҫ<EFBFBD>ӷ<EFBFBD><D3B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>?'))window.location='http://my97.cnblogs.com/'" tppabs="http://my97.cnblogs.com/">http://my97.cnblogs.com</a><br />
* MAIL: support$my97.net($<24><><EFBFBD><EFBFBD>@)<br />
* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>blog<6F><67><EFBFBD>Ի<EFBFBD><D4BB><EFBFBD><EFBFBD><EFBFBD>Email<69><6C>,<span class="STYLE1"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϸ<EFBFBD><EFBFBD>˵<EFBFBD><EFBFBD>,<2C>ܶ<EFBFBD><DCB6><EFBFBD><EFBFBD><EFBFBD><E2B6BC><EFBFBD><EFBFBD>Ϊû<CEAA><C3BB><EFBFBD><EFBFBD>ϸ<EFBFBD><CFB8>˵<EFBFBD><CBB5><EFBFBD><EFBFBD><EFBFBD>µ<EFBFBD></span> </p>
<br />
<br />
</div>
<div style="clear:both"></div>
</div>
<div class="dCenter dBody" style="padding-left:72px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6343250634002651";
/* <20>ײ<EFBFBD> */
google_ad_slot = "0599809152";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript">
</script>
</div>
<div id="footer" class="dCenter">&copy; 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>&nbsp;&nbsp;&nbsp;&nbsp;<EFBFBD><EFBFBD>ICP<EFBFBD><EFBFBD>11060275<EFBFBD><EFBFBD>
</div>
</body>
</html>

View File

@@ -0,0 +1,61 @@
p,table {
font-weight:normal;
}
td {
padding:3px;
background-color:#ffffff;
}
th {
text-align:center;
padding:3px;
background-color:#ccc;
}
#content {
padding-left:50px;
padding-right:40px;
}
#content h2 {
font-size: 18px;
color: #1E9300;
padding-top:30px;
margin-bottom: 8px;
}
#content h2 a {
color: #1E9300;
}
#content h3 {
margin-top:24px;margin-bottom: 8px; FONT: bold 14px ,tahoma,arial,sans-serif; COLOR:#0033CC;
}
#content h3 a {
color: #0033CC;
}
#content ul {
margin-left: 20px;
}
#content ol {
margin:16px 0px 8px 36px; FONT: bold 9pt ,tahoma,arial,sans-serif;
}
#content ol li{
margin-top:16px;
}
#content div {
margin-top:20px;
margin-bottom:10px;
border:#333 solid 1px;
}
#content div h4 {
font-size:9pt;
padding:3px;
background:#EEE;
margin-bottom:5px;
}
#content div p {
padding:5px;
}
.STYLE1 {
color: #FF0000;
}
.STYLE2 {color: #0000FF}

View File

@@ -0,0 +1,45 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97 DatePicker 4.0 <20><>ʾ-<2D><><EFBFBD><EFBFBD>1</title>
<script language="javascript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 22px;
top: 73px;
background-color: #0033FF;
}
#Layer2 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 459px;
top: 80px;
}
-->
</style>
</head>
<body bgcolor="#60FFAF">
<p><EFBFBD><EFBFBD>Ƕ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>1:</p>
<p><EFBFBD><EFBFBD>ʽΪ:yyyy-MM-dd HH:mm<br>
<input type="text" class="Wdate" id="test2" style="width:200px" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" />
</p>
</p>
<select name="select">
<option><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>סDropDownList</option>
</select>
<p> </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="Layer2">
<iframe id='f22' src="demo_iframe2.htm" tppabs="http://www.my97.net/dp/demo/resource/demo_iframe2.htm" frameborder="0" width="300px" height="150px"></iframe>
</div>
</body>
</html>

View File

@@ -0,0 +1,16 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97 DatePicker 4.0 <20><>ʾ-<2D><><EFBFBD><EFBFBD>2</title>
<script language="javascript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
</head>
<body bgcolor="#C8E3FF">
<p><EFBFBD><EFBFBD>Ƕ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>2:</p>
<p>
<input type="text" name="test" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy<79><79>MM<4D><4D>dd<64><64>',skin:'whyGreen'})"/>
</p>
<p><EFBFBD><EFBFBD>Ƕ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>2:</p>
</body>
</html>

View File

@@ -0,0 +1,120 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" />
<title>My97 DatePicker <20><>ʾ - Ŀ¼<C4BF><C2BC><EFBFBD><EFBFBD></title>
<base target="mainFrm" />
<link href="../../css/base.css" tppabs="http://www.my97.net/dp/css/base.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a {
text-decoration: none;
color: #555;
}
-->
</style>
</head>
<body>
<DIV class=res-block style="text-align:left;margin:10px 5px 10px 10px">
<DIV class=res-block-inner>
<h3>My97DatePicker <20><>ʾ<EFBFBD><CABE><EFBFBD>ĵ<EFBFBD></h3>
<h3><a href="main.asp#m1" tppabs="http://www.my97.net/dp/demo/resource/main.asp#m1">һ. <20><><EFBFBD><EFBFBD></a></h3>
<UL>
<LI><a href="main.asp#m11" tppabs="http://www.my97.net/dp/demo/resource/main.asp#m11"><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="main.asp#m12" tppabs="http://www.my97.net/dp/demo/resource/main.asp#m12">ע<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="main.asp#m13" tppabs="http://www.my97.net/dp/demo/resource/main.asp#m13">֧<EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
</UL>
<h3><a href="2.1.asp.htm#m2" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp#m2"><EFBFBD><EFBFBD>. <20><><EFBFBD>ܼ<EFBFBD>ʾ<EFBFBD><CABE></a></h3>
<ul>
<LI><a href="2.1.asp.htm#m21" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp#m21"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a>
<UL style="list-style-type:square">
<LI><a href="2.1.asp.htm#m211" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp#m211">֧<EFBFBD>ֶ<EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD>ģʽ</a></LI>
<LI><a href="2.1.asp.htm#m212" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp#m212"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.1.asp.htm#m213" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp#m213">֧<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ</a></LI>
<LI><a href="2.1.asp.htm#m214" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp#m214">ֻ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĩ<EFBFBD><C4A9><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.1.asp.htm#m215" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp#m215"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ť<EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD></a></LI>
<li><a href="2.1.asp.htm#m216" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp#m216"><EFBFBD>Զ<EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾλ<EFBFBD><EFBFBD></a></li>
<li><a href="2.1.asp.htm#m217" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp#m217"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>λ<EFBFBD><EFBFBD></a></li>
<li><a href="2.1.asp.htm#m218" tppabs="http://www.my97.net/dp/demo/resource/2.1.asp#m218"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڵĵ<EFBFBD>һ<EFBFBD><EFBFBD></a><font color="red">new</font></li>
</UL>
</LI>
<LI><a href="2.2.asp.htm#m22" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m22"><EFBFBD><EFBFBD>ɫ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></a>
<UL style="list-style-type:square">
<LI><a href="2.2.asp.htm#m221" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m221">ƽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ</a></LI>
<LI><a href="2.2.asp.htm#m222" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m222">֧<EFBFBD>ֶ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.2.asp.htm#m223" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m223"><EFBFBD><EFBFBD>ʼ<EFBFBD><EFBFBD><EFBFBD>ڹ<EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.2.asp.htm#m224" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m224"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ</a><font color="red">new</font></LI>
<LI><a href="2.2.asp.htm#m225" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m225">˫<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a><font color="red">new</font></LI>
<LI><a href="2.2.asp.htm#m226" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m226"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.2.asp.htm#m227" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m227"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>޼<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ</a></LI>
<LI><a href="2.2.asp.htm#m228" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m228"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.2.asp.htm#m229" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m229"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.2.asp.htm#m22a" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m22a">Ϊ<EFBFBD><EFBFBD><EFBFBD>̴<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.2.asp.htm#m22b" tppabs="http://www.my97.net/dp/demo/resource/2.2.asp#m22b"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
</UL>
</LI>
<LI><a href="2.3.asp.htm#m23" tppabs="http://www.my97.net/dp/demo/resource/2.3.asp#m23"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ժ<EFBFBD><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD>Ƥ<EFBFBD><EFBFBD></a>
<UL style="list-style-type:square">
<LI><a href="2.3.asp.htm#m231" tppabs="http://www.my97.net/dp/demo/resource/2.3.asp#m231"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD><EFBFBD></a></LI>
<LI><a href="2.3.asp.htm#m232" tppabs="http://www.my97.net/dp/demo/resource/2.3.asp#m232"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ͷ<EFBFBD>̬<EFBFBD>л<EFBFBD>Ƥ<EFBFBD><EFBFBD></a></LI>
</UL>
</LI>
<LI><a href="2.4.asp.htm#m24" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m24"><EFBFBD><EFBFBD><EFBFBD>ڷ<EFBFBD>Χ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></a>
<UL style="list-style-type:square">
<LI><a href="2.4.asp.htm#m241" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m241"><EFBFBD><EFBFBD>̬<EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.4.asp.htm#m242" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m242"><EFBFBD><EFBFBD>̬<EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.4.asp.htm#m243" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m243"><EFBFBD>ű<EFBFBD><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.4.asp.htm#m244" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m244"><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD></a></LI>
<LI><a href="2.4.asp.htm#m245" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m245"><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.4.asp.htm#m246" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m246"><EFBFBD><EFBFBD>Ч<EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
<LI><a href="2.4.asp.htm#m247" tppabs="http://www.my97.net/dp/demo/resource/2.4.asp#m247"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><font color="red">new</font></a></LI>
</UL>
</LI>
<LI><a href="2.5.asp.htm#m25" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp#m25"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD></a></LI>
<UL style="list-style-type:square"><li><a href="2.5.asp.htm#m251" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp#m251"><EFBFBD>Զ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>¼<EFBFBD></a></li>
<li><a href="2.5.asp.htm#m252" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp#m252">onpicking<EFBFBD><EFBFBD>onpicked<EFBFBD>¼<EFBFBD></a></li>
<li><a href="2.5.asp.htm#m253" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp#m253">onclearing<EFBFBD><EFBFBD>oncleared<EFBFBD>¼<EFBFBD></a></li>
<li><a href="2.5.asp.htm#m254" tppabs="http://www.my97.net/dp/demo/resource/2.5.asp#m254">changing<EFBFBD><EFBFBD>changed<EFBFBD>¼<EFBFBD></a></li>
</ul>
<LI><a href="2.6.asp.htm#m26" tppabs="http://www.my97.net/dp/demo/resource/2.6.asp#m26"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></LI>
</ul>
<h3><a href="3.asp.htm#m3" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m3"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5></a></h3>
<ul>
<LI><a href="3.asp.htm#m31" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m31"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a>
<ul style="list-style-type:square">
<LI><a href="3.asp.htm#m311" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m311"><EFBFBD><EFBFBD><EFBFBD>Ա<EFBFBD></a></LI>
<LI><a href="3.asp.htm#m312" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m312"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȫ<EFBFBD><EFBFBD>Ĭ<EFBFBD><EFBFBD>ֵ</a></LI>
<LI><a href="3.asp.htm#m313" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m313"><EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD></a></LI>
<LI><a href="3.asp.htm#m314" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m314"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ÿ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>л<EFBFBD></a></LI>
</ul>
</LI>
<LI><a href="3.asp.htm#m32" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m32"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
</a>
<ul style="list-style-type:square">
<LI><a href="3.asp.htm#m321" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m321"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD></a></LI>
<LI><a href="3.asp.htm#m322" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m322"><EFBFBD><EFBFBD><EFBFBD>԰<EFBFBD>װ˵<EFBFBD><EFBFBD></a></LI>
</ul>
</LI>
<LI style="list-style-type:square"><a href="3.asp.htm#m33" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m33">Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a>
<ul>
<LI><a href="3.asp.htm#m331" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m331">Ƥ<EFBFBD><EFBFBD><EFBFBD>б<EFBFBD></a></LI>
<LI><a href="3.asp.htm#m332" tppabs="http://www.my97.net/dp/demo/resource/3.asp#m332">Ƥ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>װ˵<EFBFBD><EFBFBD></a></LI>
</ul>
</LI>
</ul>
<h3><a href="999.asp.htm#m4" tppabs="http://www.my97.net/dp/demo/resource/999.asp#m4"><EFBFBD><EFBFBD>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></a></h3>
<h3><a href="999.asp.htm#m5" tppabs="http://www.my97.net/dp/demo/resource/999.asp#m5"><EFBFBD><EFBFBD>. <20><><EFBFBD>ú<EFBFBD><C3BA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></a></h3>
<h3><a href="999.asp.htm#m6" tppabs="http://www.my97.net/dp/demo/resource/999.asp#m6"><EFBFBD><EFBFBD>. <20><><EFBFBD>ѽ<EFBFBD><D1BD><EFBFBD></a></h3>
<h3><a href="999.asp.htm#m7" tppabs="http://www.my97.net/dp/demo/resource/999.asp#m7"><EFBFBD><EFBFBD>. <20><>ϵMy97</a></h3>
<br>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>
</DIV>
<DIV class=res-block-bottom></DIV>
</DIV>
</body>
</html>

View File

@@ -0,0 +1,64 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author" content="My97" />
<meta name="keywords" content="<22><><EFBFBD>ڿؼ<DABF> datepicker calendar <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> javascript js<6A><73><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><>ʱ<EFBFBD><CAB1> <20>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD>ʽ <20><><EFBFBD><EFBFBD><EFBFBD>ؼ<EFBFBD> <20><><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1> <20><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>" /><title>My97<39><37><EFBFBD>ڿؼ<DABF> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʾ My97 Datepicker Demo</title>
<link href="../../css/base.css" rel="stylesheet" type="text/css" />
<link href="demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<iframe src="../../head.asp" scrolling="no" frameborder="0" height="100px" width="100%"></iframe>
<script language="JavaScript" type="text/javascript" src="../../../WdatePicker.js"></script>
<div class="dCenter dBody">
<div id="content">
<h2>һ. <20><><EFBFBD><EFBFBD><a name="m1" id="m1"></a></h2>
<h3>1. <20><><EFBFBD><EFBFBD><a name="m11" id="m11"></a></h3>
<p>Ŀǰ<C4BF>İ汾<C4B0><E6B1BE>:4.8</p>
<h3>2. ע<><D7A2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m12" id="m12"></a></h3>
<ul>
<li>My97DatePickerĿ¼<C4BF><C2BC>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<span class="STYLE1"><3E><><EFBFBD><EFBFBD><EFBFBD>ƻ<EFBFBD><C6BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀ¼<C4BF>ṹ</span>,Ҳ<><D2B2><EFBFBD>ɶ<EFBFBD><C9B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD>Ը<EFBFBD>Ŀ¼<C4BF><C2BC></li>
<li>My97DatePicker.htm<74>DZ<EFBFBD><C7B1><EFBFBD><EFBFBD>ļ<EFBFBD>,<span class="STYLE1"><3E><><EFBFBD><EFBFBD>ɾ<EFBFBD><C9BE>(4.8<EFBFBD>Ժ󲻴<EFBFBD><EFBFBD>ڴ<EFBFBD><EFBFBD>ļ<EFBFBD>)</span></li>
<li><3E><>Ŀ¼<C4BF><C2BC><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD>;: <br />
<span class="STYLE2">WdatePicker.js</span> <20><><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>,<span class="STYLE1"><3E>ڵ<EFBFBD><DAB5>õĵط<C4B5><D8B7><EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>ø<EFBFBD><C3B8>ļ<EFBFBD></span>,<2C>ɶ<EFBFBD><C9B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>xx_WdatePicker.js<6A><73>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD><br />
<span class="STYLE2">config.js</span> <20><><EFBFBD>Ժ<EFBFBD>Ƥ<EFBFBD><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>,<span class="STYLE1"><3E><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(4.8<EFBFBD>Ժ<EFBFBD><EFBFBD>ϲ<EFBFBD><EFBFBD><EFBFBD>WdatePicker.js)</span><br />
<span class="STYLE2">calendar.js</span> <20><><EFBFBD>ڿ<EFBFBD><DABF><EFBFBD><EFBFBD>ļ<EFBFBD>,<span class="STYLE1"><3E><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><br />
<span class="STYLE2">My97DatePicker.htm</span> <20><>ʱҳ<CAB1><D2B3><EFBFBD>ļ<EFBFBD>,<2C><><EFBFBD><EFBFBD>ɾ<EFBFBD><C9BE><span class="STYLE1">(4.8<EFBFBD>Ժ󲻴<EFBFBD><EFBFBD>ڴ<EFBFBD><EFBFBD>ļ<EFBFBD>)</span><br />
<span class="STYLE2">Ŀ¼lang</span> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>Ը<EFBFBD><D4B8><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><br />
<span class="STYLE2">Ŀ¼skin </span><3E><><EFBFBD><EFBFBD>Ƥ<EFBFBD><C6A4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD>Ը<EFBFBD><D4B8><EFBFBD><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƥ<EFBFBD><C6A4><EFBFBD>ļ<EFBFBD><C4BC><EFBFBD></li>
<li><3E><>WdatePicker.js<6A><73><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>:$wdate=trueʱ,<2C><>input<75><74><EFBFBD><EFBFBD><EFBFBD><EFBFBD>class=&quot;Wdate&quot;<3B>ͻ<EFBFBD><CDBB><EFBFBD>ѡ<EFBFBD><D1A1><EFBFBD><EFBFBD><EFBFBD>ұ߳<D2B1><DFB3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͼ<EFBFBD><CDBC>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϲ<EFBFBD><CFB2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʽ,<2C><><EFBFBD>԰<EFBFBD>class=&quot;Wdate&quot;ȥ<><C8A5>,<2C><><EFBFBD><EFBFBD>Ҳ<EFBFBD><D2B2><EFBFBD><EFBFBD>ͨ<EFBFBD><CDA8><EFBFBD>޸<EFBFBD>skinĿ¼<C4BF>µ<EFBFBD>WdatePicker.css<73>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD>޸<EFBFBD><DEB8><EFBFBD>ʽ</li>
</ul>
<h3>3. ֧<>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><a name="m13" id="m13"></a></h3>
<p>IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+<br />
</p>
<p>&nbsp; </p>
<p>ע<><D7A2>:IE 8.0<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD>ֵ<EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>IE8<45><38>ʹ<EFBFBD><CAB9><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȡ<EFBFBD><C8A1><EFBFBD><EFBFBD>ϵ,<span class="STYLE1"><3E><><EFBFBD>ظ<EFBFBD><D8B8><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><strong><3E><>HTML</strong><3E><><EFBFBD><EFBFBD><EFBFBD><EFBFBD></span></p>
<h2><a href="2.1.asp"><strong><3E><>. <20><><EFBFBD>ܼ<EFBFBD>ʾ<EFBFBD><CABE></strong></a><a name="m2" id="m2"></a></h2>
<h2><a href="3.asp"><3E><>. <20><><EFBFBD><EFBFBD>˵<EFBFBD><CBB5></a><a name="m3" id="m3"></a></h2>
<h2><a href="999.asp"><3E><>. <20><><EFBFBD><EFBFBD>ʹ<EFBFBD><CAB9></a><a name="m4" id="m4"></a></h2>
<br />
<br />
</div>
<div style="clear:both"></div>
</div>
<div class="dCenter dBody" style="padding-left:72px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-6343250634002651";
/* <20>ײ<EFBFBD> */
google_ad_slot = "0599809152";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="footer" class="dCenter">&copy; 2010 <a href="mailto:smallcarrot@163.com">My97</a> All Rights Reserved.&nbsp;&nbsp;&nbsp;&nbsp;<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F489957c212e14340592fb2e4921b2f1d' type='text/javascript'%3E%3C/script%3E"));
</script>&nbsp;&nbsp;&nbsp;&nbsp;<3B><>ICP<43><50>11060275<37><35>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 915 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 396 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -0,0 +1,14 @@
var $lang={
errAlertMsg: "Invalid date or the date out of range,redo or not?",
aWeekStr: ["wk", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
aLongWeekStr:["wk","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
aMonStr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
aLongMonStr: ["January","February","March","April","May","June","July","August","September","October","November","December"],
clearStr: "Clear",
todayStr: "Today",
okStr: "OK",
updateStr: "OK",
timeStr: "Time",
quickStr: "Quick Selection",
err_1: 'MinDate Cannot be bigger than MaxDate!'
}

View File

@@ -0,0 +1,14 @@
var $lang={
errAlertMsg: "\u4E0D\u5408\u6CD5\u7684\u65E5\u671F\u683C\u5F0F\u6216\u8005\u65E5\u671F\u8D85\u51FA\u9650\u5B9A\u8303\u56F4,\u9700\u8981\u64A4\u9500\u5417?",
aWeekStr: ["\u5468","\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],
aLongWeekStr:["\u5468","\u661F\u671F\u65E5","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D"],
aMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00","\u5341\u4E8C"],
aLongMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],
clearStr: "\u6E05\u7A7A",
todayStr: "\u4ECA\u5929",
okStr: "\u786E\u5B9A",
updateStr: "\u786E\u5B9A",
timeStr: "\u65F6\u95F4",
quickStr: "\u5FEB\u901F\u9009\u62E9",
err_1: '\u6700\u5C0F\u65E5\u671F\u4E0D\u80FD\u5927\u4E8E\u6700\u5927\u65E5\u671F!'
}

View File

@@ -0,0 +1,14 @@
var $lang={
errAlertMsg: "\u4E0D\u5408\u6CD5\u7684\u65E5\u671F\u683C\u5F0F\u6216\u8005\u65E5\u671F\u8D85\u51FA\u9650\u5B9A\u7BC4\u570D,\u9700\u8981\u64A4\u92B7\u55CE?",
aWeekStr: ["\u5468","\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],
aLongWeekStr:["\u5468","\u661F\u671F\u65E5","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D"],
aMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00","\u5341\u4E8C"],
aLongMonStr: ["\u4E00\u6708","\u4E8C\u6708","\u4E09\u6708","\u56DB\u6708","\u4E94\u6708","\u516D\u6708","\u4E03\u6708","\u516B\u6708","\u4E5D\u6708","\u5341\u6708","\u5341\u4E00\u6708","\u5341\u4E8C\u6708"],
clearStr: "\u6E05\u7A7A",
todayStr: "\u4ECA\u5929",
okStr: "\u78BA\u5B9A",
updateStr: "\u78BA\u5B9A",
timeStr: "\u6642\u9593",
quickStr: "\u5FEB\u901F\u9078\u64C7",
err_1: '\u6700\u5C0F\u65E5\u671F\u4E0D\u80FD\u5927\u65BC\u6700\u5927\u65E5\u671F!'
}

View File

@@ -0,0 +1,2 @@
.Wdate{border:#999 1px solid;height:20px;background:#fff url(datePicker.gif) no-repeat right;}
.WdateFmtErr{font-weight:bold;color:red;}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -0,0 +1,246 @@
/*
* My97 DatePicker 4.7
*/
.WdateDiv{
width:180px;
background-color:#FFFFFF;
border:#bbb 1px solid;
padding:2px;
}
.WdateDiv2{
width:360px;
}
.WdateDiv *{font-size:9pt;}
.WdateDiv .NavImg a{
display:block;
cursor:pointer;
height:16px;
width:16px;
}
.WdateDiv .NavImgll a{
float:left;
background:transparent url(img.gif) no-repeat scroll 0 0;
}
.WdateDiv .NavImgl a{
float:left;
background:transparent url(img.gif) no-repeat scroll -16px 0;
}
.WdateDiv .NavImgr a{
float:right;
background:transparent url(img.gif) no-repeat scroll -32px 0;
}
.WdateDiv .NavImgrr a{
float:right;
background:transparent url(img.gif) no-repeat scroll -48px 0;
}
.WdateDiv #dpTitle{
height:24px;
margin-bottom:2px;
padding:1px;
}
.WdateDiv .yminput{
margin-top:2px;
text-align:center;
height:20px;
border:0px;
width:50px;
cursor:pointer;
}
.WdateDiv .yminputfocus{
margin-top:2px;
text-align:center;
font-weight:bold;
height:20px;
color:blue;
border:#ccc 1px solid;
width:50px;
}
.WdateDiv .menuSel{
z-index:1;
position:absolute;
background-color:#FFFFFF;
border:#ccc 1px solid;
display:none;
}
.WdateDiv .menu{
cursor:pointer;
background-color:#fff;
}
.WdateDiv .menuOn{
cursor:pointer;
background-color:#BEEBEE;
}
.WdateDiv .invalidMenu{
color:#aaa;
}
.WdateDiv .YMenu{
margin-top:20px;
}
.WdateDiv .MMenu{
margin-top:20px;
*width:62px;
}
.WdateDiv .hhMenu{
margin-top:-90px;
margin-left:26px;
}
.WdateDiv .mmMenu{
margin-top:-46px;
margin-left:26px;
}
.WdateDiv .ssMenu{
margin-top:-24px;
margin-left:26px;
}
.WdateDiv .Wweek {
text-align:center;
background:#DAF3F5;
border-right:#BDEBEE 1px solid;
}
.WdateDiv .MTitle{
background-color:#BDEBEE;
}
.WdateDiv .WdayTable2{
border-collapse:collapse;
border:#c5d9e8 1px solid;
}
.WdateDiv .WdayTable2 table{
border:0;
}
.WdateDiv .WdayTable{
line-height:20px;
border:#c5d9e8 1px solid;
}
.WdateDiv .WdayTable td{
text-align:center;
}
.WdateDiv .Wday{
cursor:pointer;
}
.WdateDiv .WdayOn{
cursor:pointer;
background-color:#C0EBEF;
}
.WdateDiv .Wwday{
cursor:pointer;
color:#FF2F2F;
}
.WdateDiv .WwdayOn{
cursor:pointer;
color:#000;
background-color:#C0EBEF;
}
.WdateDiv .Wtoday{
cursor:pointer;
color:blue;
}
.WdateDiv .Wselday{
background-color:#A9E4E9;
}
.WdateDiv .WspecialDay{
background-color:#66F4DF;
}
.WdateDiv .WotherDay{
cursor:pointer;
color:#6A6AFF;
}
.WdateDiv .WotherDayOn{
cursor:pointer;
background-color:#C0EBEF;
}
.WdateDiv .WinvalidDay{
color:#aaa;
}
.WdateDiv #dpTime{
float:left;
margin-top:3px;
margin-right:30px;
}
.WdateDiv #dpTime #dpTimeStr{
margin-left:1px;
}
.WdateDiv #dpTime input{
width:18px;
height:20px;
text-align:center;
border:#ccc 1px solid;
}
.WdateDiv #dpTime .tB{
border-right:0px;
}
.WdateDiv #dpTime .tE{
border-left:0;
border-right:0;
}
.WdateDiv #dpTime .tm{
width:7px;
border-left:0;
border-right:0;
}
.WdateDiv #dpTime #dpTimeUp{
height:10px;
width:13px;
border:0px;
background:url(img.gif) no-repeat -32px -16px;
}
.WdateDiv #dpTime #dpTimeDown{
height:10px;
width:13px;
border:0px;
background:url(img.gif) no-repeat -48px -16px;
}
.WdateDiv #dpQS {
float:left;
margin-right:3px;
margin-top:3px;
background:url(img.gif) no-repeat 0px -16px;
width:20px;
height:20px;
cursor:pointer;
}
.WdateDiv #dpControl {
text-align:right;
}
.WdateDiv .dpButton{
height:20px;
width:45px;
border:#ccc 1px solid;
margin-top:2px;
margin-right:1px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -0,0 +1 @@
.WdateDiv{position:relative;width:190px;font-size:12px;color:#333;border:solid 1px #DEDEDE;background-color:#F2F0F1;padding:5px;}.WdateDiv2{width:360px;}.WdateDiv .NavImg a,.WdateDiv .yminput,.WdateDiv .yminputfocus,.WdateDiv #dpQS{background:url(img.gif) no-repeat;}.WdateDiv .NavImg a{float:left;width:16px;height:16px;cursor:pointer;}.WdateDiv .NavImgll a{background-position:0 5px;}.WdateDiv .NavImgl a{background-position:0 -10px;}.WdateDiv .NavImgr a{background-position:0 -25px;float:right;}.WdateDiv .NavImgrr a{background-position:0 -40px;float:right;}.WdateDiv #dpTitle{line-height:0;height:23px;padding:3px 0 0;}.WdateDiv .yminput,.WdateDiv .yminputfocus{margin-left:3px;width:50px;height:20px;line-height:16px;border:solid 1px #F2F0F1;cursor:pointer;background-position:35px -68px;}.WdateDiv .yminputfocus{background-color:#fff;border:solid 1px #D8D8D8;}.WdateDiv .menuSel{z-index:1;position:absolute;background-color:#FFF;border:#A3C6C8 1px solid;display:none;}.WdateDiv .menu{background:#fff;}.WdateDiv .menuOn{color:#fff;background:#0088CC;}.WdateDiv .MMenu,.WdateDiv .YMenu{margin-top:20px;margin-left:-1px;width:68px;border:solid 1px #D9D9D9;padding:2px;}.WdateDiv .MMenu table,.WdateDiv .YMenu table{width:100%;}.WdateDiv .MMenu table td,.WdateDiv .YMenu table td{line-height:20px;text-align:center;font-size:12px;cursor:pointer;padding:0;}.WdateDiv .Wweek{text-align:center;background:#DAF3F5;border-right:#BDEBEE 1px solid;}.WdateDiv td{line-height:20px;font-size:12px;color:#999;background:#fff;cursor:pointer;padding:1px;}.WdateDiv .MTitle td{line-height:24px;color:#7D7D7D;background:#F2F0F1;cursor:default;}.WdateDiv .WdayTable2{border-collapse:collapse;border:gray 1px solid;}.WdateDiv .WdayTable2 table{border:0;}.WdateDiv .WdayTable{line-height:20px;color:#13777e;background-color:#edfbfb;}.WdateDiv .WdayTable td{text-align:center;}.WdateDiv .Wday{color:#323232;}.WdateDiv .Wwday{color:#0088CC;}.WdateDiv .Wtoday{color:#FF6D10;background:#E0EDFE;}.WdateDiv .WspecialDay{background-color:#66F4DF;}.WdateDiv .WotherDay{color:#D4D4D4;}.WdateDiv #dpTime{position:relative;margin-top:5px;}.WdateDiv #dpTime #dpTimeStr{display:inline-block;width:30px;color:#7d7d7d;}.WdateDiv #dpTime input{width:25px;height:20px;line-height:20px;text-align:center;color:#333;border:#D9D9D9 1px solid;margin:0;padding:0;}.WdateDiv #dpTime .tm{width:7px;border:none;background:#F2F0F1;}.WdateDiv #dpQS{float:left;margin-right:3px;margin-top:6px;width:16px;height:16px;cursor:pointer;background-position:0 -90px;}.WdateDiv #dpControl{text-align:right;margin-top:3px;}.WdateDiv .dpButton{margin-left:2px;line-height:16px;width:45px;background-color:#0055CC;color:#fff;border:none;cursor:pointer;}.WdateDiv .dpButton:hover{background-color:#0663A2;}.WdateDiv .hhMenu,.WdateDiv .mmMenu,.WdateDiv .ssMenu{position:absolute;font-size:12px;color:#333;border:solid 1px #DEDEDE;background-color:#F2F0F1;padding:3px;}.WdateDiv #dpTime .menu,.WdateDiv #dpTime .menuOn{width:18px;height:18px;line-height:18px;text-align:center;background:#fff;}.WdateDiv #dpTime .menuOn{background:#0088CC;}.WdateDiv #dpTime td{background:#F2F0F1;}.WdateDiv .hhMenu{top:-87px;left:32px;}.WdateDiv .mmMenu{top:-47px;left:32px;}.WdateDiv .ssMenu{top:-27px;left:32px;}.WdateDiv .invalidMenu,.WdateDiv .WinvalidDay{color:#aaa;}.WdateDiv .WdayOn,.WdateDiv .WwdayOn,.WdateDiv .Wselday,.WdateDiv .WotherDayOn{background-color:#0088CC;color:#fff;}.WdateDiv #dpTime #dpTimeUp,.WdateDiv #dpTime #dpTimeDown{display:none;}

Binary file not shown.

After

Width:  |  Height:  |  Size: 475 B

Some files were not shown because too many files have changed in this diff Show More