JS文件下载:
1. CSDN下载地址: http://download.csdn.net/detail/freshflower/5167398
2. 百度文库下载地址: http://wenku.baidu.com/view/e02c670dbb68a98271fefadd
版本说明 :
相比上一版本优化功能如下:
1. 界面更加美化, 可以显示上个月月末的几天及下个月的前几天;
2. 优化日期选择时对起始年月的设定, 方便选择年月;
3. 优化年与月的选择, 让界面更为美观.
4. 支持浏览器的中英文语言的设定. 显示中英文界面
申明: Iteye网站 与百度空间 为作者的发布地方, 其他任何地方的与此一样的文档均为盗用, 文档的错误引起的误解与不便,请大家小心, 务必到这两个站点下载, 文档有不足的地方, 会继续更新, 谢谢大家的支持!!
程序截图:
函数说明 :
主调函数
JTC.setday(args )
参数说明
args :
1. 可以为空;
2. 可以为字符串. 输出控件的ID
3. 结构体, 结构体中含有参数如下:
{
outObject : 字符串或控件, 输出控件的ID值或对象.
readOnly : 布尔型 设置输出控件是否为只读模式, false:非只读(默认); true:只读 (主要解决.net服务控件不能随意readOnly的问题)
showClear : 布尔型 是否显示清空按钮 true(默认):显示; false不显示.
format : 字符串 返回日期的格式 (默认: yyyy-MM-dd).
today : 字符串/日期对象 设置当前的日期(影响范围: 所有)
minDate : 字符串/日期对象 设置可选日期的下限
maxDate : 字符串/日期对象 设置可选日期的上限
ranged : 布尔型 设置是否包含可选日期范围的边界值 false: 不包含; true:包含(默认)
startDay : 字符串/日期对象 设置每次选择时的起始年月
}
JTC.setToday(dateObj)
说明: 设置今天的日期. 默认取客户端的时间; 客户端的时间并不一定会与服务器的时间一致. 所以设置此值的意义就是在于: 无论客户端的时间怎么改, 控件的日期与服务器依然可以保持同步.
参数: dateObj 字符型或日期对象 字符型最佳格式是:yyyy/MM/dd 示例: '2012/07/25'
JTC.setDateRange(minDate, maxDate, ranged)
说明: 设置日期可选范围 (影响范围: 所有)
参数:
minDate : 字符串/日期对象 设置可选日期的下限 示例: '2010-02-11'
maxDate : 字符串/日期对象 设置可选日期的上限 示例: '2012-07-11'
ranged : 布尔型 设置是否包含可选日期范围的边界值 false: 不包含; true:包含(默认)
JTC.setDateFormat(format)
说明: 设置返回日期的格式 (影响范围: 所有)
参数:
format : 字符型 返回日期的格式 示例: 'yyyy/MM/dd' ; 'yyyy年MM月dd日'
JTC.setStartDay (date)
说明: 设置日期选择时的起始年月 (影响范围: 所有)
参数:
date : 字符串/日期对象 示例: '2012-07-25'
调用举例:
1. 最简单的调用
<!-- 文本框 --> <input type="text" onclick="JTC.setday()" /> <!-- 使用DIV --> <div style="width:120px; height:30px; border:1px solid blue;" onclick="JTC.setday()"></div> <!-- 使用文本框与按钮相结合 --> <input type="text" id="timeID" /> <input type="button" value="选择1" onclick="JTC.setday('timeID')" /> <input type="button" value="选择2" onclick="JTC.setday({outObject: 'timeID'})" />
2. 设定可选日期范围
<!-- 设置可选范围为: 2012-07-08 至 2012-08-23 并且包含边界值 --> <input type="text" onclick="JTC.setday({minDate:'2012-07-08', maxDate:'2012-08-23', ranged: true})" /> <!-- 设置可选范围为: 大于2012-07-25的日期 不包含边界值 --> <input type="text" onclick="JTC.setday({minDate:'2012-07-25', ranged: false})" />
3. 其他细节设置
<!-- 设置返回日期格式, 文本为只读模式 --> <input type="text" onclick="JTC.setday({format:'yyyy年MM月dd日', readOnly: true})" /> <!-- 设置选择日期的起始年月为1990年1月, 即每次选择时都是显示该年月 --> <input type="text" onclick="JTC.setday({startDay: '1990-01-01'})" /> <!-- 设置不显示清空按钮 --> <input type="text" onclick="JTC.setday({ showClear: false})" />
4. 全局设置 (设置后会影响到整个页面)
<html> <head> <script language="javascript" src="JTimer.js"></script> <script> JTC.setToday('2012/06/28'); //设置今天的日期为:2012-06-28 JTC.setDateFormat('MM/dd/yyyy'); //设置返回格式 JTC.setDateRange('1960-01-01', '2012-01-01', true); //设置可选日期范围 </script> </head> <body> 以下各个函数的调用所起的作用不同之处<br/> 日期1: <input type="text" onclick="JTC.setday()" /> <br/> 日期2: <input type="text" onclick="JTC.setday({format: 'yyyy年MM月dd日'})" /> <br/> 日期3: <input type="text" onclick="JTC.setday({startDay: '1980-01-01', showClear: false})" /> <br/> </body> </html>
差不多就这样了, 若有什么不明白的地方, 欢迎留言提问. 一起进步!
相关推荐
JS日期选择器 兼容IE Firefox Opera等主流浏览器
JavaScript日期选择器(兼容IE,Firefox,Opera等主流浏览器)内含使用教程,缩略图!
本插件使用原生javascript编写,兼容IE6及以上浏览器,兼容chrome,opera,firefox,safari等主流浏览器。 1.代码淅晰,兼容性良好。 2.使用简单,提供使用用例 3.不依赖于任何库,采用原生js编写 4.插件界面简洁清爽 ...
4、兼容IE各版本、FireFox、谷歌、Safari、Opera等主流浏览器。 5、支持同一页显示多个树(定义不同的变量即可)。 6、无限级. 7、可设置以下的属性config. folderLinks:点击时是否打开指定的网址,默认为true...
4、兼容IE各版本、FireFox、谷歌、Safari、Opera等主流浏览器。 5、支持同一页显示多个树(定义不同的变量即可)。 6、无限级. 7、可设置以下的属性config. folderLinks:点击时是否打开指定的网址,默认为true...
4、兼容IE各版本、FireFox、谷歌、Safari、Opera等主流浏览器。 5、支持同一页显示多个树(定义不同的变量即可)。 6、无限级. 7、可设置以下的属性config. folderLinks:点击时是否打开指定的网址,默认为true...
4、兼容IE各版本、FireFox、谷歌、Safari、Opera等主流浏览器。 5、支持同一页显示多个树(定义不同的变量即可)。 6、可设置以下的属性config. folderLinks:点击时是否打开指定的网址,默认为true use...
兼容所有主流浏览器ie6 /chrome/firefox/opera/safari, 压缩和gzip之后仅8kb大小。智能编译引擎优化去除不必要的逻辑, 查询速度远胜于Szizzle, nwmatcher, peppy, dojo/query, kquery不会像peppy那样缓存查询结果...
兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera ver 4.0.4 (2011-12-11) 新增: 阿拉伯语语言包。 改善: 上传文件时显示上传中提示。 改善: JSON解析失败时,通过弹出层显示服务器返回...
内容索引:脚本资源,jQuery,编辑器,投票,jQuery提示 这几款插件都相当实用,而且作者完成的相当漂亮,基本上都兼容ie6/7/8、firefox2/3、Opera、safari等众多主流浏览器;以下具体来说明: 一、漂亮的title插件,...
<br>2007/6/18 Version 3.1.1 beta <br>Updates: 1) 修正编辑器不支持Opera浏览器的BUG,现在已经能完美支持IE5+、Opera、FireFox等主流浏览器。 2) 修正控件在设计模式时出现找不到config配置文件但...
模板采用DIV+CSS布局,并兼容 IE6/7/8/9/10、Google Chrome、Firefox、Opera、Webkit、搜狗、360、遨游等浏览器。 4)内置SEO功能 提升网站搜索引擎排名 SEO功能包含页面标题、关键词、描述设置;搜索引擎提交;...
对IE6、IE7、IE8、firefox、Chrome、Saferi、Opera七种主流浏览器有良好的兼容性。可以轻松松换肤,制作个性皮肤也很方便,只要修改几个css就可以了。 asprain论坛使用了大量的ajax效果,不仅能够很有效地节省...
对IE6、IE7、IE8、firefox、Chrome、Saferi、Opera七种主流浏览器有良好的兼容性。可以轻松松换肤,制作个性皮肤也很方便,只要修改几个css就可以了。 asprain论坛使用了大量的ajax效果,不仅能够很有效地节省...
5. 客户端运行工具:目前的系统采用浏览器作为客户端,为了支持Ajax开发框架,应该选择使用IE 5以上版本浏览器。 本网站以xp为Web平台,JSP+Ajax+Servlet+JavaBean+Hibernate为网站实现技术,建立基于MySQL数据库...