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

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

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

【 tulaoshi.com - Javascript 】

   var tbBoard=document.createElement("table");
   divBoard.insertAdjacentElement("beforeEnd",tbBoard);
   tbBoard.style.cssText="position:absolute;top:0;left:0;width:100%;height:10;font-size:9pt;";
   tbBoard.cellPadding=0;
   tbBoard.cellSpacing=1;
   tbBoard.bgColor="#333333";

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

  /************** 设置各功能按钮的功能 *********************/
   /*********** Calendar About Button ***************/
   trRow = tbBoard.insertRow(0);
   calendar.calendarAbout=calendar.insertTbCell(trRow,0,"-","center");
   calendar.calendarAbout.onclick=function(){calendar.about();}
   /*********** Calendar Head ***************/
   tbCell=trRow.insertCell(1);
   tbCell.colSpan=5;
   tbCell.bgColor="#99CCFF";
   tbCell.align="center";
   tbCell.style.cssText = "cursor:default";
   calendar.head=tbCell;
   /*********** Calendar Close Button ***************/
   tbCell=trRow.insertCell(2);
   calendar.calendarClose = calendar.insertTbCell(trRow,2,"x","center");
   calendar.calendarClose.title="关闭";
   calendar.calendarClose.onclick=function(){calendar.hide();}

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

   /*********** Calendar PrevYear Button ***************/
   trRow = tbBoard.insertRow(1);
   calendar.prevYear = calendar.insertTbCell(trRow,0,"<<","center");
   calendar.prevYear.title="上一年";
   calendar.prevYear.onmousedown=function(){
    calendar.currentDate[0]--;
    calendar.show(calendar.target,calendar.currentDate[0]+"-"+calendar.currentDate+"-"+calendar.currentDate,calendar.source);
   }
   /*********** Calendar PrevMonth Button ***************/
   calendar.prevMonth = calendar.insertTbCell(trRow,1,"<","center");
   calendar.prevMonth.title="上一月";
   calendar.prevMonth.onmousedown=function(){

来源:http://www.tulaoshi.com/n/20160129/1483091.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) ...

经验教程

647

收藏

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