JavaScript日历表格样式
JavaScript日历表格样式
提问于 2019-12-03 07: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>回答 1
Stack Overflow用户
发布于 2019-12-03 08:02:06
您需要了解一下JavaScript Get Date Methods。特别是
getMonth()以数字形式获取月份(0-11)
getDate()以数字形式获取日期(1-31)
然后使用javascript selectors，您可以使用add classes to HTML elements来应用某些样式。
在提出问题之前，请快速研究一下，因为你会发现大量有用的信息，至少要显示出你已经完成了什么，并试图解决问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59148188
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号