各位前辈,问一下如何用table做一个限定月份的月历?
像这样的一个月历实现思路是什么?table就用了一个,而且会随着每月1号或月底的日子来增减tr数目。这该如何实现?
而且在某些日子下还有文本,并且点击之后还会根据点击的文本来作此相关的数学计算,请问这是如何实现的?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
像这样的一个月历实现思路是什么?table就用了一个,而且会随着每月1号或月底的日子来增减tr数目。这该如何实现?
而且在某些日子下还有文本,并且点击之后还会根据点击的文本来作此相关的数学计算,请问这是如何实现的?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(2)
布局使用flex,简单方便;里面月份的实现,就要好好看看JavaScript的日期了,之前做过。
其实现在你主要要解决的是有几点:
1:判断某年某月有多少天(涉及闰年,这样一来,就知道循环的条件天数);
2:判断某月的第一天是星期几(这样一来就知道第一天在哪个);
解决上面两个问题就可以循环生成数据信息。
再说一句:这个按月的日历,其实实现简单,因为一年就十二个月,不管你是下拉选择月份还是输入月份,最大就是12;之前我们遇到一个变态需求,让日历不是呈月份显示,而是四周四周显示,这样一来,上月和下月必有交点,上年和下年必有交点,这才比你这个复杂。
之前做过一个日历,关键在于二月份的天数:
获取当前年份当前月份第一天的星期。比如这个月第一天是星期四,这个月有31天,使用
div
,div
加样式float: left;
,使用循环先排出4天,div(星期日、一、二、三)里面不填数字,因为这个月第一天是星期四。然后再使用循环在div里填出1-31日。设置好每个
div
和日历总的宽度,每一行排满以后它会自动排第二行。