乙個簡單的日曆控制項

2021-04-20 03:18:52 字數 2257 閱讀 5777

效果圖: var defaultdate=new date(); var startyear,startmonth,startday; //變數定義需要改一下,用default來定義當天的所有資訊 不能改變 var defaultmonth=defaultdate.getmonth(); var defaultyear=defaultdate.getfullyear(); var tempthis=null; var infor=; var inforarray=; startyear=defaultyear; startmonth=defaultmonth; startday=defaultdate.getdate(); /*月份可以選擇為英文顯示*/ var montharray=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"]; var weekdayarray=["星期天","星期一","星期二","星期三","星期四","星期五","星期六"]; function getfirstday(year,month) function $(o) /*比較兩個日期是否是相同*/ function comparedate(date1,date2) //前乙個月 function changemonth(sign) else if(sign==-1 && defaultmonth==0) else rebuildrili(new date(defaultyear,defaultmonth,1)); } //得到快速選擇的層字串 function getdivstring(sign,divwidth) }else if (sign==0) }else str+="

"; return str; } //快速切換年月 當標誌位為1時切換月 當標誌位為0時切換年 function quickchange(event,sign) else if(sign==0&&$("yeardiv")) var e=window.event||event; var src=e.srcelement||e.target; var divposition=getposition(src); var divwidth=(src.currentstyle)?src.currentstyle.width:document.defaultview.getcomputedstyle(src,null).width; var div=document.createelement("div"); div.id=(sign==1)?"monthdiv":"yeardiv"; div.style.position="absolute"; div.style.zindex=100; div.style.left=divposition.x+"px"; div.style.top=divposition.y+"px"; /* var str="

"+montharray[i]+""; } } else if (sign==0) } else str+="

<"+date.getfullyear()+"年"+montharray[date.getmonth()]+">"; for(var i=0,arylength=weekdayarray.length;i

"; else rilistring+=""+weekdayarray[i]+""; } rilistring+=""; var firstday=getfirstday(defaultyear,defaultmonth).getday(); //取得當月的1號是星期幾 for(var i=0;i

"+i; else rilistring+=" /" οnmοuseοver=/"this.style.cursor='pointer';this.style.backgroundcolor='#6699cc';/" οnclick=/"checkaffair(event,this.innerhtml)/" οnmοuseοut=/"this.style.backgroundcolor='#f4f4f4';/">"+i; if(checkmission(i)) rilistring+="

"; str+="日期:"+date.getfullyear()+"-"+(date.getmonth()+1)+"-"+date.getdate()+""; str+="內容:"; str+="

" str+=""; div.innerhtml=str; return div; } //取得事務資訊 /* date為取得的時間 //sign為1的時候取得主題資訊 //sign為0的時候取得內容資訊 //obj為要新增內容資訊的控制項 */ function getaffairvalue(date); var returnobj=; for(var i=0;i

功能就是日曆控制項的基本功能,另外,新增了乙個記事功能!不過只是儲存到頁面的乙個變數裡

乙個css jq的日曆控制項

剛畢業,閒著的時候做了乙個日曆控制項,用css和jquery實現基本的日曆功能,包括年份和月份的翻頁,日期的選擇,根據輸入框的初始內容來初始化控制項,日期改變之後,也會更新該輸入框的內容。首先是css charset utf 8 css document x date date body date ...

在iOS上實現乙個簡單的日曆控制項

近期需要寫乙個互動有點dt的日曆控制項,具體互動細節這裡略過不表。不過再怎麼複雜的控制項,也是由基礎的零配件組裝起來的,這裡最基本的就是日曆控制項。先上圖 從圖中可以看出日曆控制項就是由乙個個小方塊組成的,每一行有7個小方塊,分別表示一周的星期天到星期六。給定乙個月份,我們首先需要知道這個月有多少周...

收藏的乙個js日曆控制項

收藏的乙個js日曆控制項 setday.js function cnverycalendar if y 100 0 return 29 generate codes this.generatecalendartable function loop each days in current month...