各位前辈,问一下如何用table做一个限定月份的月历?

发布于 2022-09-02 09:56:22 字数 783 浏览 17 评论 0

Image
Image
Image
像这样的一个月历实现思路是什么?table就用了一个,而且会随着每月1号或月底的日子来增减tr数目。这该如何实现?
而且在某些日子下还有文本,并且点击之后还会根据点击的文本来作此相关的数学计算,请问这是如何实现的?
Image
Image

这是原网站链接
http://m.fxtrip.com/product/details/id/78559718&

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

深爱成瘾 2022-09-09 09:56:22

布局使用flex,简单方便;里面月份的实现,就要好好看看JavaScript的日期了,之前做过。
其实现在你主要要解决的是有几点:
1:判断某年某月有多少天(涉及闰年,这样一来,就知道循环的条件天数);
2:判断某月的第一天是星期几(这样一来就知道第一天在哪个);
解决上面两个问题就可以循环生成数据信息。
再说一句:这个按月的日历,其实实现简单,因为一年就十二个月,不管你是下拉选择月份还是输入月份,最大就是12;之前我们遇到一个变态需求,让日历不是呈月份显示,而是四周四周显示,这样一来,上月和下月必有交点,上年和下年必有交点,这才比你这个复杂。

你又不是我 2022-09-09 09:56:22

之前做过一个日历,关键在于二月份的天数:

function getFebruary(year) {
//返回二月天数
    return (year%100==0) ? (year%400==0?29:28) : (year%4==0?29:28);
}
//当前年份下每月的天数
var monthL = [31,getFebruary(curYear),31,30,31,30,31,31,30,31,30,31];

获取当前年份当前月份第一天的星期。比如这个月第一天是星期四,这个月有31天,使用divdiv加样式float: left;,使用循环先排出4天,div(星期日、一、二、三)里面不填数字,因为这个月第一天是星期四。然后再使用循环在div里填出1-31日。

设置好每个div和日历总的宽度,每一行排满以后它会自动排第二行。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文