Web Calendar ver 3.0 网页日历

转载 2007年09月18日 18:02:00
 
Web Calendar ver 3.0 网页日历
版本描述
  Web Calendar ver 3.0 是综合 JavaScript DHTML HTML CSS 的产品,且封装在 WebCalendar 实例中,调用与设置都非常方便
  Web Calendar ver 3.0 新加的功能:
1.对日历控件的对象式编程 2.对不同浏览器的兼容 3.对日历控件的样式颜色设置 4.对是否返回时分秒的设置 5.对年份下拉框的年跨度值的设置 6.增加了用方向键快捷键选择年月 7.增加了日历对网页空间的自适应显示 8.对日历日期显示机制的全新设计 Web Calendar ver 3.0 Author: meizz(梅花雪疏影横斜) mail: meizz@hzcnc.com Web Calendar ver 2.0 Author: walkingpoison(水晶龙) mail: wayx@kali.com.cn Web Calendar ver 1.0 Author: meizz(梅花雪疏影横斜) mail: meizz@hzcnc.com 在此我要特别感谢 walkingpoison(水晶龙) 和 emu(ston) 的大力支持,再次感谢!!
调用日历的代码示例Web Calendar 的第一种调用方法:

代码:<input onfocus="calendar()">

Web Calendar 的第二种调用方法:


代码:<input name="txt" onfocus="calendar()"><input type=button value=calendar onclick="calendar(document.form1.txt)">
对日历控件的定制
定义年下拉框的年跨值(两倍) 定义返回的日期格式(可以用数字,分隔符 - /)
定义是否返回时分秒 定义控件是否能被拖动
控件的暗色 控件的亮色
控件的按钮背景色 控件的文字颜色
控件的暗文字颜色 日期数字背景色
今天在日历上的标示背景色 日期显示的立体表达色

标准调用示例
  <script language="JavaScript" src="calendar.js"></script>
  
  注:下面这段日历定制的 JavaScript 代码你可以一个都不定义,使用其默认值
  <script language="JavaScript"><!--
    WebCalendar.yearFall   = 50;           //定义年下拉框的年差值
    WebCalendar.format     = "yyyy-mm-dd" | "2003-06-07"; //回传日期的格式
    WebCalendar.timeShow   = false | true; //是否返回时间
    WebCalendar.drag       = true  | false;//是否允许拖动
    WebCalendar.darkColor  = "#0000D0";    //控件的暗色
    WebCalendar.lightColor = "#FFFFFF";    //控件的亮色
    WebCalendar.btnBgColor = "#FFFFF5";    //控件的按钮背景色
    WebCalendar.wordColor  = "#000080";    //控件的文字颜色
    WebCalendar.wordDark   = "#DCDCDC";    //控件的暗文字颜色
    WebCalendar.dayBgColor = "#E6E6FA";    //日期数字背景色
    WebCalendar.todayColor = "#FF0000";    //今天在日历上的标示背景色
    WebCalendar.DarkBorder = "#D4D0C8";    //日期显示的立体表达色
  //--></script>

  <input onfocus="calendar()">
  

Web Calendar 里的自定义函数名及其说明
函数名 函数的用途说明(在主页面里自定义函数时请不要与以下的函数名冲突)
calendar() 用户的主调函数
writeIframe() 对iframe进行初始化
WebCalendar() 初始化日历的设置
funMonthSelect() 月份的下拉框
funYearSelect() 年份的下拉框
prevM() 往前翻月份
nextM() 往后翻月份
prevY() 往前翻 Year
nextY() 往后翻 Year
hiddenSelect()  隐藏年份与月份的下拉框
hiddenCalendar() 隐藏日历控件
appendZero(n) 日期自动补零程序
dayMouseOver() 日历里日期的 onmouseover 事件
dayMouseOut() 日历里日期的 onmouseout  事件
writeCalendar() 对日历显示数据的核心处理程序
returnDate() 根据日期格式等返回用户选定的日期
document.onclick() if(WebCalendar.eventSrc != window.event.srcElement) hiddenCalendar();
若你要使用主网页的 document.onclick() 事件时,请加上上面这句代码(这句代码日历控件里已存在),
这句代码是当你点击日历以外的地方时日历自动关闭,若不使用 document.onclick() 事件就不需要再定义了.
全局变量 WebCalendar 日历控件的实例,你可以通过它对日历进行定制

Web Calendar ver 3.0 网页日历

 版本描述 Web Calendar ver 3.0 是综合 JavaScript DHTML HTML CSS 的产品,且封装在 WebCalendar 实例中,调用与设置都非常方便 Web C...
  • nwxsmgg2004
  • nwxsmgg2004
  • 2007年07月23日 13:28
  • 390

Web Calendar ver 3.0 网页日历

Web Calendar ver 3.0 网页日历 版本描述 Web Calendar ver 3.0 是综合 JavaScript DHTML HTML CSS 的产品,且封装在 W...
  • minisunny
  • minisunny
  • 2007年09月26日 14:01
  • 679

《Web Calendar ver 3.0 网页日历》 源代码提供!

提供前先申明,这东西不是我写的,只是看到许多站上贴出了演示但是没提供源码,害得后面看的人一把鼻涕一把眼泪的哀求楼主什么的给源码。说不定有的楼主自己贴了都不知道源码在哪?看的人也没动脑筋,JS的脚本,有...
  • banmuhuangci
  • banmuhuangci
  • 2005年12月21日 17:41
  • 2296

很好用的日历控件(calendar)

今天帮朋友做个网站,发现了一个很好用的日期控件,如图: 用法也相当简单,方法如下:1.在网页中嵌入一个IFRAME和一段SCRIPT.document.onclick=function() {docu...
  • qinyanlu
  • qinyanlu
  • 2006年08月30日 15:40
  • 3205

vs2010中Calendar控件的一些使用

一.返回指定日期前后的某一日期; // Sets a DateTime to April 3, 2002 of the Gregorian calendar.       DateTime m...
  • GoodShot
  • GoodShot
  • 2014年12月17日 11:40
  • 6335

html5移动端日历

当初做共青团的app时需要做一个值班安排日历,愁了两三天,浏览过众多网站就位找到一款能适用web app的手机端html日历,经过努力更改,还好终于能在项目经理那里通过,并且得到团市委用户的认可。下面...
  • u012767607
  • u012767607
  • 2017年02月24日 22:47
  • 2421

梅花雪Web Calendar ver 3.0 网页日历在asp.net 2.0的应用

    在.net中使用此控件,需要做些修改,经实验仅保留最佳方案,步骤如下:    1.   charset="gb2312">     在调用日历控件的页面上,之间添加         2、修改c...
  • dennis_927
  • dennis_927
  • 2007年08月02日 15:17
  • 939

12款优秀的 JavaScript 日历和时间选择控件

这些插件能够帮助  Web 开发人员更快速的实现各种精美的日历和时间选择效果。 1. The Coolest Calendar 界面非常漂亮的一款日期选择插件,有详细的使用文档,最新版本 1.5。...
  • tianyazaiheruan
  • tianyazaiheruan
  • 2014年02月27日 11:06
  • 3190

c# Calendar 日历控件 基本使用说明

   众多BLOG 都有日历这块功能,相信大家也看到过,今天把自己在实际运用中积累的少许经验跟大伙分享一下     首先从工具箱中把 Calendar 拖入页面,大家可以看到Calendar 一个日历...
  • cology
  • cology
  • 2007年07月17日 15:41
  • 6234

ECharts官方教程(十一)【小例子:实现日历图】

小例子:实现日历图在ECharts中,我们新增了日历坐标系,如何快速写出一个日历图呢?通过以下三个步骤即可实现上述效果:第一步:引入js文件下载的最新完整版本echarts.min.js即可,无需再单...
  • WuLex
  • WuLex
  • 2017年12月19日 22:19
  • 568
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Web Calendar ver 3.0 网页日历
举报原因:
原因补充:

(最多只允许输入30个字)