我正在寻找像 Javascript 日历这样的 Skyscanner（如果可能，由 jQuery 驱动）。jQuery UI 不适合我的需求，因为它不是很灵活。
例如，我需要添加按钮（例如 Skyscanner）来选择下一个周末。另外，我想将它们放在日历网格的顶部。
我最近搜索了很多，一无所获。
有什么想法可以分享吗？
谢谢。
问问题
876 次
2 回答
3
虽然不是基于 jQuery，但我真的很喜欢并建议Kalendae：
另一个具有所有功能（如月份和年份选择等，但不是确切的 UI）是JSCal2，尽管我认为它不是完全免费的 - 请查看他们的网站。
而且Zebra也不错，功能齐全且简约，并且基于 jQuery。
我认为您找不到像 Skyscanner 这样具有精确设计的日期选择器，因此您可以查看最适合哪个可用的日期选择器。
编辑：关于向日历添加按钮的简单方法：请参阅此问题“ jquery datepicker added custom button ”；还有一个 jsfiddle 在其中引用了一个示例。请注意，此示例使用 jQuery 的 Datepicker。
于 2012-12-26T09:55:06.373 回答
0
我以迂回的方式解决了这个问题。
beforeShowDay 我将日期作为一个类添加到每个日历项，即“date-YYYYMMDD”如果填充了日期数组，则添加一个附加类“preSelectedDay”
beforeShow 我用我的新按钮在日期选择器周围动态包装一个容器，从日期选择器中抓取样式并将其应用到它
input.focusin 然后我向 datepicker 添加一个 css 类来覆盖内联样式，因为这现在由包装器处理。
button.hover 按钮通过操作 DOM 并添加“selectedDay”类来悬停突出显示日期
button.click 然后日期数组查找第一个和最后一个类“selectedDay”并通过抓取我们之前添加的日期“date-YYYYMMDD”来填充数组
我在这里创建了一个演示 - http://www.darrencousins.com/lab/jqueryui-datepicker-skyscanner/
（请忽略样式）
干杯
于 2014-05-12T09:37:10.343 回答