JavaScript 日历表格样式答案

【问题标题】：JavaScript Calendar Table StyleJavaScript 日历表格样式
【发布时间】：2019-12-02 23:33:59
【问题描述】：

使用 JavaScript 如何让我的网页检测到星期几，并以与页面其余部分不同的背景颜色显示它？另外，如何使网页检测到当月的当前日期并以与页面其余部分不同的文本颜色显示它？这必须使用 JavaScript 来记录。

    <!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>GETTING STARTED WITH BRACKETS</title>
        <meta name="description" content="An interactive getting started guide for Brackets.">
        <link rel="stylesheet" href="main.css">
    </head>
    <body>
   <style>
       body{
background-color:azure;
       }
       date border {
    border: 2px solid green;

       }
    </style>     
<th id = "demo"></th>    
<td id="demo1"></td>        
<table>
<tr>
<th>Sunday</th>
<td>1</td>  
<td>8</td>
<td>15</td>
<td>22</td>
<td>29</td>
</tr>

  <tr>
 <th>Monday</th>
<td>2</td>  
<td>9</td>
<td>16</td>
<td>23</td>
<td>30</td>
</tr>

<tr>
<th>Tuesday</th>
<td>3</td>  
<td>10</td>
<td>17</td>
<td>24</td>
<td>31</td>
</tr>

<tr>
<th>Wednesday</th>
<td>4</td>  
<td>11</td>
<td>18</td>
<td>25</td>
</tr>

 <tr>
<th>Thursday</th>
<td>5</td>  
<td>12</td>
<td>19</td>
<td>26</td>
</tr>

<tr>
<th>Friday</th>
<td>6</td>  
<td>13</td>
<td>20</td>
<td>27</td>
</tr>

 <tr>
<th>Saturday</th>
<td>7</td>  
<td>14</td>
<td>21</td>
<td>28</td>
</tr>

<script>
var dateborder = document.getElementById(date).style.border=" 2px solid green";
for (var i == 0, i<date, i++);
if (i% 3 == 0);
date  border [i]="red";
else if (i% == 1);
date border[i]="orange";
var x = newDate(i);
getDate(x);
getFullYear(x);
</script>   



</table>   
</body>
</html>

【问题讨论】：

如果不好，请见谅。我很迷茫。所以我不太确定这将如何工作。
看看 Date 对象developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… 尝试自己做，如果您不能让它工作，请回来将您的代码添加到您的问题中。
你能改变页面，还是只添加你的javascript？如果可以更改页面，请在所有日期单元格的 id 属性中使用日期，然后使用getElementById()。如果您无法更改页面，则必须遍历所有 td 标签才能找到具有今天值的标签。

标签： javascript date calendar

【解决方案1】：

您需要查看JavaScript Get Date Methods。特别是

getMonth() 以数字形式获取月份 (0-11)

getDate() 以数字形式获取日期 (1-31)

然后使用javascript selectors，您可以add classes to HTML elements 应用某些样式。

请做一个快速的研究，因为在提问之前你会发现很多有用的信息，至少要展示你已经完成的工作并尝试解决问题。

【讨论】：

感谢您的回复。但是，我们学校的互联网无法正常工作。我们无法访问 w3schools。不过谢谢。