关于My97DatePicker插件的使用:

来源：互联网发布：国际机票知乎编辑：程序博客网时间：2024/06/05 04:45

一、引入插件文件

1、My97DatePicker

下载地址：http://download.csdn.net/download/emoven/8249073

它是一个时间插件其中有：lang文件、skin文件、开发包、calendar.js、WdatePicker.js

二、建一个jsp页 wdatePicker.jsp

将插件引入在地址栏输入相应的：

http://localhost:8089/Mytest/wdatePicker.jsp

相应的jsp页面的代码为：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <base href="<%=basePath%>">        <title>My JSP 'wdatePicker.jsp' starting page</title>    <meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><script type="text/javascript" language="javascript" src="My97DatePicker/WdatePicker.js"></script>  </head>    <body>  <!--  能随意选时间，并且时间格式-->    时间1：<input value="2008-03-09 11:00:00" id="dateTime" name="date" class="Wdate" readonly="true" onfocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd HH:mm:ss',vel:'d244_2'})"/>    时间2：<input class="Wdate" readonly="true" style="cursor: pointer;" onfocus="WdatePicker({skin:'whyGreen' ,dateFmt:'yyyy-MM-dd HH:mm:ss',vel:'d244_2'})" />    <!--  有最大时间、最小时间限制，并且时间格式-->    时间3：<input type="text" class="Wdate" id="d413" onfocus="WdatePicker({dateFmt: 'yyyy年M月', minDate: '2008-2', maxDate: '2008-10' })"/>    时间4：<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"/>     时间5：<input type="text" class="Wdate" id="d414" onfocus="WdatePicker({dateFmt: 'H:mm:ss', minDate: '8:00:00', maxDate: '11:30:00' })"/>    <!-- 今天之前 -->  时间6：<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate: '%y-%M-%d' })"/>   <!-- 今天之后的时间 -->  时间7：<input id="d422" class="Wdate" type="text" onfocus="WdatePicker({minDate: '%y-%M-{%d+1}' })"/>                </body></html>

具体每个时间<input.../>显示的是啥可以百度其他博客都有详细说明

0 0