网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> Javascript >> 正文
最新文章
· Jquery插件原来就这么简单
· 21个值得收藏的Javascript技巧
· JavaScript中的原型和继承
· JS对select动态添加options操作
· js获取表单值的两种方法
· 关闭网页弹出加入收藏,刷新不弹出加
· 如何判断是关闭还是刷新网页
· 命名JavaSript函数名时注意
· javascript中的setAttribute()浏览器
· JS实现IE6下PNG图片透明且链接正常的
热门文章
 JS实现两个页面传值
 实现对文字自动排版的网页特效
 JS获取指定ID标签之间的内容
 JS实现IE6下PNG图片透明且链接正常
 JS计数器
 通过js改变页面中元素的内容
 js切换文本框的只读与可写的动态切
 JS实现cookie的添加、获取、删除
 js在线编辑器常用函数大全
 javascript中的setAttribute()浏览
相关文章
没有相关文章
支持多风格和多语言的JS日期日历控件
来源:博客园 更新时间:2010/10/17 22:45:16 阅读次数:
字体:[ ] 我要投稿

  以下这个JS日历控件是我的闲暇之余自己编写的,所有的代码全部在IE7/IE8/Firefox下面测试通过,而且可以解决被iframe层遮盖的问题。现在只提供两种风格(简洁版和古典版)和两种语言(英文和中文)。支持自定义日期格式,设定时间范围。默认为古典版,英文,下面来看简单的缩略图。

  简洁版:

  

  日期选择器

  

  月份选择器

  古典版:

  

  日期选择器

  

  日期选择器中文语言

  

  月份选择器

使用方法:

在要使用这个控件的页面上引入这个JS:
<script type="text/javascript" src="javascript/DatePicker.js"></script>

使用月份选择器,默认时间格式为yyyy-MM:
<input id="begintime" type="text" onclick="setmonth(this)" readonly="readonly" />

使用日期选择器,默认时间格式为yyyy-MM-dd:
<input id="endtime" type="text" onfocus="setday(this)" readonly="readonly" />

使用日期选择器,一共提供五个参数,其中第一个参数是Object类型,指需要填入日期的元素对象;第二个参数是时间的格式,默认为yyyy-MM-dd;第三、四个参数分别为开始时间和结束时间;第五个参数是语言种类,这个1表示中文,0为英文(默认采用英文):
<input id="endtime" type="text" onfocus="setday(this,‘yyyy-MM-dd’,'2010-01-01','2010-12-30',1)" readonly="readonly" />

风格默认使用古典版,如果需要使用简洁版,则进入以下代码中:

 

将上述代码中的上部分代码(30行-56行)注释,在把他换成下面部分的代码(57行-83行)。则风格就可以改为简洁版了。

JS文件下载:2010101722574723.rar

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号