成人黄色小说 原生JS终了日期-CSDN博客
发布日期:2024-10-13 08:29 点击次数:180
这周写我方的技俩发现又用到日期了,加之我方毕业之后的第一个责任中际遇的任务亦然需要写个日期(组员写了,我就无谓写了)
今天就来好好折腾一下日期是怎么写的成人黄色小说。
波多野结衣 女同 领先,咱们望望 windows 的日期。发现总计有这样几个元素。先终了试试。 1.年份的聘用、月份的聘用2.周一 ~ 周日(周日 ~ 周六)3.日期格子 6*7 = 42 从数据的角度来分析日期的终了是比拟绵薄的 1.咱们需要露馅一个现每每期的结构 - new Date()2.咱们需要露馅当月的信息 - [星期(周一~周日),日期(1-[28,29,30,31])] 其中咱们惟有知说念了每个月的 1日 是星期几,就能很容易地摆放背面的日子(万事起原难)。咱们最多需要 6 行来露馅咱们的日期,因为要研究周一是日曜日的情况 1+7*4 = 29(五行)彰着是不够的笃定了 6 行之后,咱们发现咱们可能需要获取上个月,和下个月多出来的几天的摆放位置。不同庚份的不同月的 2月份,咱们知说念它的日期是不同的,是以咱们还需要判断 平年也曾闰年。3.露馅上个月,下个月的切换。咱们发现需要有个函数来帮咱们更新日期。
这里咱们就要研究一下成人黄色小说,到底要怎么更新这些 dom 内部的数据了,从头删除插入 dom 信托是不太好的。
分析完之后,让咱们随着 新增/修改 一些代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title><style> .week-item { display: inline-block; width: 80px; height: 40px; line-height: 40px; border: 1px solid sandybrown; text-align: center; } .date-item { display: inline-block; width: 80px; height: 40px; line-height: 40px; border: 1px solid beige; text-align: center; }</style></head><body> <div class="wrapper"> <div class="year-line"> <button id="preMonth" class="year-prev">上一月</button> <button id="nowYear" class="year-now"></button> <button id="nowMonth"></button> <button id="nowDate"></button> <button id="nextMonth" class="year-next">下一月</button> </div> <div id="weekLine" class="week-line"></div> <div id="dateWrap" class="date-wrap"></div> </div></body><script> // 用具措施 - start // 1.为了获取每个月的日期有若干,咱们需要判断 平年闰年[四年一闰,百年不闰,四百年再闰] const isLeapYear = (year) => { return (year % 400 === 0)