现在市面上绝大多数日历都是左右翻的。每页 一月
但是 “月” 这个概念是人为的,自然日是连续的。
以 2025-11-23 开始为例,能不能做成这种:
23 24 25 26 27 28 29
30 01 02 03 04 05 06
然后垂直无限滚动?年月就放在背景展示
想 vibe 一个但是感觉 AI 怎么都 get 不到我的点。。。
下面是 prompt
make an html5 calendar demo
- good looking, aethestic pleasing, but restrain with colors.
- all-in-one html, no external deps. No react nor tailwind.
- inline svg favicon with a calendar emoji
- each month should be contained by an html element with class="month-group"
- the calendar goes vertically, one week per line
- no breaks between months, days should be displayed continuously, NO separation between months
- Distinguish month by even-odd background color. The color applies from the first day of the month to the last, like a snake
- watermark a big 1-12 month number in the background at the center of each month group. Prefix a smaller year before the month, only for January.
- default land at the current day using browser's local clock
- infinite scroll, can go backwards and forwards.
- displayed as a compact block to be used as part of page elsewhere.
最后效果就只能这样了。这个 年-月 展示错位了。
是我 prompt 不行,还是 AI 不太会写这种东西?
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.