My97DatePicker日期插件的使用

My97DatePicker日期插件的使用

一、简介
1. 简介
目前的版本是:4.8
2. 注意事项
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名
My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件)
各目录及文件的用途:
WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名
config.js 语言和皮肤配置文件,无需引入(4.8以后合并入WdatePicker.js)
calendar.js 日期库主文件,无需引入
My97DatePicker.htm 临时页面文件,不可删除(4.8以后不存在此文件)
目录lang 存放语言文件,你可以根据需要清理或添加语言文件
目录skin 存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包
当WdatePicker.js里的属性:$wdate=true时,在input里加上class=”Wdate”就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class=”Wdate”去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式
3. 支持的浏览器
IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+
二、使用说明
将My97DatePicker整个目录包,放入您的项目的相应目录下
My97DatePicker目录下各文件的作用:
1.1 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名
1.2 各目录及文件的用途:
WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名
calendar.js 日期库主文件,无需引入
目录lang 存放语言文件,你可以根据需要清理或添加语言文件
目录skin 存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包
主要代码

<%@ 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">
<!-- 只需要引入一个js文件即可，只要不破坏插件的目录结构余文件会自动关联读取到 -->
<script type="text/javascript" src="<%=request.getContextPath()%>/res/js/lib/My97DatePicker/WdatePicker.js"></script>
<title>日期插件测试</title>
</head>
<body>普通调用:<input type="text" onclick="WdatePicker();"/><br />图标调用：<input type="text" id="js-date-img"> <img onclick="WdatePicker({el:'js-date-img'})" src="<%=request.getContextPath()%>/res/js/lib/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle"><!-- 需要传入id --><br/>周(字)显示调用:<input type="text" onfocus="WdatePicker({isShowWeek:true})" /><br/>设置为只读、周末高亮(红色)显示、皮肤设置:<input type="text" onfocus="WdatePicker({isShowWeek:true,readOnly:true,highLineWeekDay:true,skin:'whyGreen'})" /><br/></body>
</html>

需要源码留下邮箱地址或者给作者发邮件：wnst1990@126.com

My97DatePicker日期插件的使用相关推荐

解决：My97DatePicker 日期插件引用在PHP文件中maxDate和minDate控制失效问题
解决:My97DatePicker 日期插件引用在PHP文件中maxDate和minDate控制失效问题参考文章: (1)解决:My97DatePicker 日期插件引用在PHP文件中maxDate ...
为My97DatePicker日期插件设置默认日期
为My97DatePicker日期插件设置默认日期,开始日期为系统日期的前一个月,结束日期为系统日期: 开始日期不能大于结束日期,且都不能大于今天: 开始日期-maxDate:'#F{$dp.$D(\ ...
【已解决】My97DatePicker日期插件设置默认日期
为My97DatePicker日期插件设置默认日期为My97DatePicker日期插件设置默认日期,开始日期为系统日期的前一个月,结束日期为系统日期: 开始日期不能大于结束日期,且都不能大于今天: ...
My97DatePicker日期插件使用
1.首先下载JS插件,导入至项目中. 2.在html中引入js: <script type="text/javascript" src="js/plugins/My ...
My97DatePicker日期插件WdatePicker.js的使用方法
一.先来最简单的配置方法: (1)下载WdatePicker.js(包括lang和skin文件夹). (2)在html页面中导入WdatePicker.js. //同时引入了WdateP ...
日期插件My97DatePicker
因为项目中需要选中日期,所以就找到了My97DatePicker这个插件,用法非常的简单,但是因为各个公司的要求不同,我们公司使用js拼代码,然后渲染到页面上的,所以遇到了一点问题- 1.My97Da ...
java中jsp时间插件_日期插件 - WEB源码|JSP源码/Java|源代码 - 源码中国
日期插件\My97DatePicker\calendar.js 日期插件\My97DatePicker\lang\en.js 日期插件\My97DatePicker\lang\zh-cn.js 日期插 ...
php获取laydate,解决laydate时间日期插件定位溢出
laydate是一款比较好用的网页时间日期插件,不过用起来有一些细节问题需要我们手动去解决!例如:laydate兼容bootstrap 1. 默认情况 laydate弹出层默认对齐input左边框 2 ...
jsp日期插件My97DatePicker
jsp日期插件My97DatePicker 强大的日期控件使用方便简单 (2010-10-30 18:59:12) 转载▼ 标签: js javascript 日期插件 jsp it 分类: jqu ...
在jsp页面中使用My97DatePicker日期控件
直接看图看代码! My97DatePicker日期控件是一个功能非常强大的日期插件,功能丰富,调用方便,配置也很灵活!至于该日期插件为什么要叫My97DatePicker这个名字呢?这个你们要去问作者 ...

My97DatePicker日期插件的使用

My97DatePicker日期插件的使用相关推荐

最新文章

热门文章