教程集 www.jiaochengji.com
Golang 教程
教程集 >  脚本编程  >  javascript  >  正文 超简单漂亮的javascript日历控件

超简单漂亮的javascript日历控件

发布时间：2017-01-16   编辑：jiaochengji.com
教程集为您提供超简单漂亮的javascript日历控件等资源，欢迎您收藏本站，我们将为您提供最新的超简单漂亮的javascript日历控件资源
获得选择日期的月份的第1天是星期几，月的天数，可以确定表格的行数，列=7，用函数get_rili(year,month)生成表格html，防盗固定的div，可以上下翻月份，当前天红色显示
提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html> <head> <title>javascript日历 </title> <style> #myrili{ background:#000; color:#FFF; font-size:0.8em; } </style> </head> <body > <span id='nian'></span>年<span id='yue'></span>月
<script type='text/javascript'> //获得当前的年月日，生成表格 var date=new Date(); var nowyear=date.getFullYear(); var nowmonth=date.getMonth(); nowmonth=nowmonth 1; var nowdate=date.getDate(); //初始化日历 get_rili(nowyear,nowmonth); //是否在数组中 function in_array(zhi,arr){ var isin=0; for(var i=0;i<arr.length;i ){ if(zhi==arr[i]){ isin=1; break; } }//end for(var i=0;i=ks&&7*(hang-1) lie<=ks tianshu-1){ //路过年月日相同，加红 if(year==nowyear&&month==nowmonth&&nowdate==riqi) table ='' riqi '</td>'; else table =riqi '</td>'; riqi ; }//end if(lie*hang>=ks&&lie*hang<=ks tianshu-1) //不是本月的 else table ='</td>'; }//end for(var lie=1;lie<=7;lie ) table ='</tr>'; }//end for(var hang=1;hang<=5;hang ) table ='</table>'; tbl.innerHTML=table; }//end function next() </script> </body> </html> </textarea>
提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
为开发者准备的10款最好的jQuery日历插件
日期选择控件 jQuery DateInput
LinkButton jQuery Plugin
可拖放的树形控件 jQuery Simple Tree
超简单漂亮的javascript日历控件
漂亮的jQuery对话框插件 Apprise
jQuery表单插件 jNice
jQuery日期选择插件 glDatePicker
HTML表单美化 formReForm
Asp.net日历控件显示年和月

上一篇：js select操作参考 下一篇：兼容IE，FF弹出遮盖拖动层
[关闭]
最近更新
浏览排行

关于本站 | 网站地图 | 联系我们 | 免责声明 | 友情链接
京ICP备12039225号-6 广告合作请加QQ:441358019
CopyRight © 2010-2014 教程集 jiaochengji.com , All Rights Reserved.

~ ~