使用JavaScript怎么实现一个日历效果

　　介绍

这篇文章给大家介绍使用JavaScript怎么实现一个日历效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

Java是什么

Java是一门面向对象编程语言,可以编写桌面应用程序,网络应用程序,分布式系统和嵌入式系统应用程序。

代码

& lt; ! DOCTYPE  html> 　　& lt; html  lang=癳n"祝辞 　　 　　& lt; head> 　　& lt;才能meta  charset=癠TF-8"比; 　　& lt;才能meta  http-equiv=癤-UA-Compatible",内容=癐E=edge"比; 　　& lt;才能meta  name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比; 　　& lt;才能title> Document</title> 　　& lt;才能style> 　　,,,*,{ 　　,,,,,保证金:,0; 　　,,,,,填充:,0; 　　 　　,,,} 　　 　　,,,# calendar  { 　　,,,,,背景颜色:,# 9900 ff; 　　,,,,,颜色:,# fff; 　　,,,,,这个特性:,5 px; 　　,,,,,保证金:,100 px 汽车; 　　,,,} 　　 　　,,,# title  { 　　,,,,,,字体大小:1.4 em; 　　,,,,,填充:,4 px  0.55 em; 　　,,,} 　　 　　,,,# days  th  { 　　,,,,,粗细:,大胆; 　　,,,,,text-align:,中心; 　　,,,,,填充:,4 px  0.55 em; 　　,,,} 　　 　　,,,# calendar  td  { 　　,,,,,text-align:,中心; 　　,,,,,填充:,4 px  20 px; 　　,,,} 　　 　　,,,# today  { 　　,,,,,颜色:,# f00; 　　,,,,,粗细:,大胆; 　　,,,} 　　 　　,,,.poin  { 　　,,,,,光标:,指针; 　　,,,,,光标:,手; 　　,,,} 　　& lt;才能/style> 　　& lt;才能script> 　　,,,window=function () { 　　,,,,,var  form =, . getelementbyid(& # 39;日历# 39;); 　　,,,,,//,通过日历对象去调用自身的初始化方法 　　,,,,,calendar.init(形式); 　　,,,} 　　,,,var  calendar =, { 　　,,,,,:,空, 　　,,,,,月:,空, 　　,,,,,//日的数组 　　,,,,,dayTable:,空, 　　,,,,,//初始化函数 　　,,,,,init(形式),{ 　　,,,,,,,//,1获取日数组 　　,,,,,,,this.dayTable=form.getElementsByTagName (& # 39; td # 39;); 　　,,,,,,,//2创建日历,传入当前时间 　　,,,,,,,this.createCalendar(形式,new 日期()); 　　,,,,,,,var  nextMon=form.getElementsByTagName (& # 39; th # 39;) [2]; 　　,,,,,,,var  preMon=form.getElementsByTagName (& # 39; th # 39;) [0]; 　　,,,,,,,preMon.onclick=function () { 　　,,,,,,,calendar.clearCalendar(形式) 　　,,,,,,,,,var 早=new 日期(calendar.year calendar.month-1, 1); 　　,,,,,,,,,calendar.createCalendar(形式,早) 　　,,,,,,,} 　　,,,,,,,nextMon.onclick=function () { 　　,,,,,,,,,calendar.clearCalendar(形式) 　　,,,,,,,,,var  nextDate=new 日期(calendar.year calendar.month + 1, - 1); 　　,,,,,,,,,calendar.createCalendar(形式,nextDate) 　　,,,,,,,} 　　,,,,,}, 　　,,,,,//清除日历数据 　　,,,,,clearCalendar(形式){ 　　,,,,,,,var  tds=form.getElementsByTagName (& # 39; td # 39;); 　　,,,,,,,for  (var 小姐:=,0;,小姐:& lt;, tds.length;,我+ +),{ 　　,,,,,,,,,tds[我].innerHTML=& # 39;,盼# 39;; 　　,,,,,,,,,//,清除今天的样式 　　,,,,,,,,,tds[我].id=& # 39; & # 39;; 　　,,,,,,,} 　　,,,,,}, 　　,,,,,//,3生成日历 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

使用JavaScript怎么实现一个日历效果