Skyscanner喜欢Javascript日历

Question

我正在寻找像Javascript日历这样的Skyscanner（如果可能，请使用jQuery）。 jQuery UI的不适合我的需求，因为它不是很灵活。

例如，我需要添加按钮（例如Skyscanner）来选择下周末。 另外，我希望将它们放在日历网格之上。

我最近搜索了很多，一无所获。

要分享哪些想法？

感谢。

Answer 1

虽然不是基于jQuery，但我非常喜欢并建议Kalendae：

另一个具有所有功能（如月份和年份选择等，但不是确切的用户界面）是JSCal2虽然我认为它不是完全免费的 - 请查看他们的网站。

Zebra也不错，功能和简约，基于jQuery。

具有Skyscanner精确设计的日期选择器，我认为你找不到，所以你可以看到哪一个最适合。

编辑：关于向日历添加按钮的简单方法：请参阅此问题“jquery datepicker adding custom button”;还有一个jsfiddle在其中引用了一个例子。请注意，此示例使用jQuery的Datepicker。

Answer 2

我以迂回的方式解决了这个问题。

<强> beforeShowDay 我将日期作为一个类添加到每个日历项目，即＆＃34; date-YYYYMMDD＆＃34; 如果填充了日期数组，请添加其他类＆＃34; preSelectedDay＆＃34;

<强> beforeShow 我用日期选择器周围的新按钮动态包装容器，从datepicker中抓取并应用样式

<强> input.focusin 然后我将一个css类添加到datepicker以覆盖内联样式，因为现在由包装器处理。

<强> button.hover 该按钮通过操纵DOM并添加＆＃34; selectedDay＆＃34;来悬停突出显示日期。类

<强> button.click 然后，日期数组查找第一个和最后一个类＆＃34; selectedDay＆＃34;并通过抓取我们之前添加的日期填充数组＆＃34; date -YYYYMMDD＆＃34;

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

（请忽略造型）

干杯