使用Javascript（非任何其他语言）的实时日历

我有一个活动日历的基本设计，只使用html和css创建。事件日期被赋予了不同的背景，每当用户将鼠标悬停在它上面时，事件就会弹出。这些我都有。 我真正的问题是要有一个实时日历，它可以在不改变当前设计的情况下自动更新（日期）。 除javascript外，不会使用其他语言

请帮帮我

表格{
字体系列：Cambria，“Hoefler文本”，“解放衬线”，“泰晤士报”，“泰晤士报新罗马”，衬线；
字体：斜体；
字体大小：14px；
边界半径：10px；
}
td效应{
宽度：23px；
高度：23px；
边界半径：50%；
边框：无；}
表，td.header{
背景：#fff；
背景：-webkit线性梯度（#fff，#D3）；
背景：-o-线性梯度（#fff，#d3）；
背景：-moz线性梯度（#fff，#d3）；
背景：线性梯度（#fff，#d3）；
}
td.活动{
边界半径：50%；
背景色：#A29F9F；
边界：无；
}
td.事件：悬停{
颜色：#F7EFEF；
背景色：#000000；
}

无标题文件
活动日历
2017年6月
s
M
T
W
T
F
s
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

更新：我对HTML做了足够多的修改，因此您可以了解我的想法。因为最初的示例显示的是七月日历，今天是六月，所以我更改了日历上的月份名称，但没有重新排列网格上的日期

我在CSS中添加了.today类。我不完全确定这是否是OP的要求

日期=[“2017-07-01”、“2017-07-23”、“2017-08-08”、“2017-07-12”、“2017-06-04”、“2017-06-29”]；//以下是您选择的所有活动
curYear=“2017”//显示日历时，设置当前日历的年和月
curMo=“06”；
dl=日期。长度；
单元格=document.getElementsByClassName（'effect'），
cl=细胞长度；
对于（di=0；di用户执行什么操作，javascript执行什么操作？例如，当用户单击某个日期时，它会像此日历中的7月1日和7月23日一样高亮显示。或者，如果单击该日期时高亮显示，它将丢失其高亮显示。javascript用于显示当前日期的实时日历，日期1和23具有事件，当用户将鼠标悬停在上面时，事件会弹出，就像日期“23”一样.就是这样，现在我想让我的日历自动更新当前日期>@AbrarEAnjum BRO！你的问题非常不清楚。如果你想突出显示今天的日期，那么就不能在七月日历上显示，因为今天是六月。我稍微更改了你的HTML，但我没有将日期与正确的日期匹配。它现在突出显示日期六月以及当前日期。我编辑了html、css和JavaScriptBro！！这是我的错误，我错把它改为“七月”而不是“六月”，很抱歉给您带来不便…是的，兄弟知道，这是您的时区，但我如何设置我的时区（印度），即UTC+5.30