源码学习:一个简单的日历控件(1)

2016-01-29 11:43 3 1 收藏

源码学习:一个简单的日历控件(1),源码学习:一个简单的日历控件(1)

【 tulaoshi.com - Javascript 】

 
calendar.js

   function atCalendarControl(){
  var calendar=this;
  this.calendarPad=null;
  this.prevMonth=null;
  this.nextMonth=null;
  this.prevYear=null;
  this.nextYear=null;
  this.goToday=null;
  this.calendarClose=null;
  this.calendarAbout=null;
  this.head=null;
  this.body=null;
  this.today=[];
  this.currentDate=[];
  this.sltDate;
  this.target;
  this.source;

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/)

  /************** 加入日历底板及阴影 *********************/
  this.addCalendarPad=function(){
   document.write("<div id='divCalendarpad' style='position:absolute;top:100;left:0;width:255;height:167;display:none;'");
   document.write("<iframe frameborder=0 height=168 width=255</iframe");
   document.write("<div style='position:absolute;top:4;left:4;width:248;height:164;background-color:#336699;'</div");
   document.write("</div");
   calendar.calendarPad=document.all.divCalendarpad;
  }
  /************** 加入日历面板 *********************/
  this.addCalendarBoard=function(){
   var BOARD=this;
   var divBoard=document.createElement("div");
   calendar.calendarPad.insertAdjacentElement("beforeEnd",divBoard);
   divBoard.style.cssText="position:absolute;top:0;left:0;width:250;height:166;border:1 outset;background-color:buttonface;";

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/)

来源:http://www.tulaoshi.com/n/20160129/1483106.html

延伸阅读
  //************* 插入日期单元格 **************/   this.insertBodyCell=function(theRow,j,day,targetObject){    var theCell=theRow.insertCell(j);    if(j==0) var theBgColor="#FF9999";    else var theBgColor="#FFFFFF";    if(day==calendar.currentDate) var theBgColor="#CCC...
一个优秀的网格控件CGridCtrl 作者:戴绍忠   网格控件的用途非常广泛,在我的一个项目中需要实现类似EXCEL的界面,为此我采用了一个优秀的CGridCtrl控件,其原作者为 Chris Maunder (原作者所写的MFC Grid control的最新版本可以到http://www.codetools.com/miscctrl/gridctrl.asp查阅)为了方便地实现单元格...
{***************************************************************} {                                         &...
功能很简单,就是根据传入的统计数据生成图片。 可以按照线条、圆柱、饼状进行显示。 但现在只完成了线条这一个功能。 有兴趣的朋友可以看看,如果有什么问题请和我联系。 目前主要功能: 1。线状显示数据 2。自定义图片大小 3。自定义图表标题文字的内容、字体、大小、颜色 4。X、Y轴文字内容 5。按天、月显示数据 ………...
标签: Web开发
脚本的核心就是DateAdd函数,点击下面的演示看看效果: 查看演示 调用方法很简单, 第一步:在页面顶部包含calenderJS.js文件: script src="path/to/calenderJS.js"/script 点击下载这个js文件  第二步:给你的输入框增加onfocus事件属性: input type="text" onfocus="HS_setDate(this)" HS_setDate(this) ...

经验教程

186

收藏

21
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部