My97DatePicker时间控件使用
2015-09-16 09:44
555 查看
My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。
1、下载My97DatePicker组件包
2、在页面中引入该组件js文件:
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
3、页面使用两个方式:
常规调用: <input id="d11" type="text" onClick="WdatePicker()"/>
图标触发:
<input id="d12" type="text"/>
<img onclick="WdatePicker({el:$dp.$('d12')})" src="My97DatePicker/skin/datePicker.gif" _fcksavedurl="My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
注:$dp.$ 相当于 document.getElementById
http://www.mysuc.com/test/My97DatePicker/也有更详细的解释。
目前的版本是:4.0 正式版 发布于2008-05-30
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名
My97DatePicker.htm是必须文件,不可删除
各目录及文件的用途:
WdatePicker.js 配置文件,在调用的地方仅需使用该文件
config.js 语言和皮肤配置文件
calendar.js 日期库主文件)
My97DatePicker.htm 临时页面文件,不可删除
目录lang 存放语言文件
目录skin 存放皮肤的相关文件
当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式
使用方法:
<input type="text" id="d241" onfocus="WdatePicker({dateFmt:'yyyy年MM月dd日 HH时mm分ss秒'})" class="Wdate"
style="width:300px"/>
<input type="text" id="d242" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'H:mm:ss'})" class="Wdate"/>
注意:这里提前使用了皮肤(skin)属性,所以你会看到一个不同的皮肤,皮肤属性详见自定义和动态切换皮肤
<input type="text" id="d243" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy年MM月'})" class="Wdate"/>
转自:http://hongtaq.iteye.com/blog/1498057
1、下载My97DatePicker组件包
2、在页面中引入该组件js文件:
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
3、页面使用两个方式:
常规调用: <input id="d11" type="text" onClick="WdatePicker()"/>
图标触发:
<input id="d12" type="text"/>
<img onclick="WdatePicker({el:$dp.$('d12')})" src="My97DatePicker/skin/datePicker.gif" _fcksavedurl="My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
注:$dp.$ 相当于 document.getElementById
http://www.mysuc.com/test/My97DatePicker/也有更详细的解释。
1. 简介
目前的版本是:4.0 正式版 发布于2008-05-30
2. 注意事项
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名My97DatePicker.htm是必须文件,不可删除
各目录及文件的用途:
WdatePicker.js 配置文件,在调用的地方仅需使用该文件
config.js 语言和皮肤配置文件
calendar.js 日期库主文件)
My97DatePicker.htm 临时页面文件,不可删除
目录lang 存放语言文件
目录skin 存放皮肤的相关文件
当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式
使用方法:
示例 2-4-1: 年月日时分秒
<input type="text" id="d241" onfocus="WdatePicker({dateFmt:'yyyy年MM月dd日 HH时mm分ss秒'})" class="Wdate"style="width:300px"/>
示例 2-4-2 时分秒
<input type="text" id="d242" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'H:mm:ss'})" class="Wdate"/>注意:这里提前使用了皮肤(skin)属性,所以你会看到一个不同的皮肤,皮肤属性详见自定义和动态切换皮肤
示例 2-4-3 年月
<input type="text" id="d243" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy年MM月'})" class="Wdate"/>转自:http://hongtaq.iteye.com/blog/1498057
相关文章推荐
- 为什么访问数据库要通过端口?
- C语言中string函数详解
- ubuntu14.04 + opencv2.4.9配置
- Navicat for Mysql 10.0.10 注册码
- 小试ijkplayer编译
- Maven 3 + Hibernate 3.6 + Oracle 11g Example (XML Mapping)
- UIButton 不响应或延迟响应 UIControlEventTouchDown 事件的解决办法
- Python 脚本学习(三),日志分析脚本,文件差异对比,HTTP状态检测
- Python 脚本学习(三),日志分析脚本,文件差异对比,HTTP状态检测
- iOS 9学习系列: 更加智能化的Xcode代码覆盖率测试工具
- C# 回调机制
- Python 脚本学习(三),日志分析脚本,文件差异对比,HTTP状态检测
- Android NDK具体作用讲解
- google bigtable论文,其引用的文献都应该很经典
- 架构设计模式及框架
- Lua学习之Mac下搭建lua环境
- java得到各种路径的方法
- show tables not like xxx
- 20150915华为软件笔试--计算重复字符个数
- IOS中延时执行的几种方式的比较和汇总