类似Javascript日历的Skyscanner

Question

我正在寻找一个像Javascript日历(jQuery供电，如果可能)天空扫描仪。jQuery的UI不适合我的需求，因为它不是很灵活。

例如，我需要添加按钮(如Skyscanner)来选择下一个周末。另外，我想把它们放在日历网格的顶部。

​

​

我最近搜索了很多，但什么也没找到。

有什么想法要分享吗？

谢谢。

Answer 1

虽然不是基于jQuery，但我真的很喜欢并建议使用Kalendae

​

​

另一个是JSCal2，它拥有所有的功能(比如月份和年份的选择等等，但不是确切的UI)，尽管我认为它不是完全免费的--请查看他们的网站。

而且Zebra也不错，功能强大，简约，并且基于jQuery。

像Skyscanner这样设计精确的datepicker我想你找不到，所以你可以看看哪一个最适合你。

编辑:关于将按钮添加到日历的一种简单方法:请参阅这个问题"jquery datepicker adding custom button"；其中还有一个示例引用的jsfiddle。请注意，本例使用了jQuery的Datepicker。

Answer 2

我以一种间接的方式解决了这个问题。

beforeShowDay我将日期作为一个类添加到每个日历项目中，即" date -YYYYMMDD“如果填充了日期数组，则添加一个额外的类"preSelectedDay”

beforeShow我在datepicker周围动态地包装了一个带有新按钮的容器，从datepicker中抓取并应用样式

input.focusin然后我向datepicker添加了一个css类来覆盖内联样式，因为这现在由包装器处理。

button.hover通过操作DOM并添加"selectedDay“类，按钮悬停将突出显示日期

button.click日期数组然后查找第一个和最后一个类"selectedDay“，并通过抓取之前添加的日期" date -YYYYMMDD”来填充数组。

我在这里创建了一个演示- http://www.darrencousins.com/lab/jqueryui-datepicker-skyscanner/

(请忽略样式)

干杯