2012-12-26 29 views
2

我在尋找一個Skyscanner,如Javascript日曆(如果可能,jQuery爲您提供支持)。 jQuery UI的一個不適合我的需求,因爲它不是很靈活。Skyscanner之前的Javascript日曆

例如,我需要添加按鈕(如Skyscanner)來選擇下個週末。 另外,我想讓他們在日曆網格之上。

Skyscanner Calendar

我最近搜查了很多,什麼也沒發現。

任何想法分享?

謝謝。

回答

3

雖然不是基於jQuery,我真的很喜歡和建議Kalendae

enter image description here

再一個,具備全部功能(如年份和月份的選擇和等,但沒有確切的UI)是JSCal2雖然我認爲它不是完全免費的 - 請檢查他們的網站。

Zebra也不錯,功能和簡約,以及基於jQuery。

具有精確設計的日期選擇器,例如Skyscanner,我認爲您不會找到,所以您可以看到哪一個可用的最適合。

編輯:關於一個簡單的方法來添加一個按鈕到日曆:看到這個問題「jquery datepicker adding custom button」;還有一個jsfiddle在其中引用了一個例子。請注意,此示例使用jQuery的Datepicker。

+0

感謝您的回答Matin。他們並不壞,但我看不到添加更多按鈕的簡單方法。 – OyoKooN

0

我已經在迂迴時尚中工作過。

beforeShowDay 我的時間添加到每個日曆項目作爲一類,即「日期-YYYYMMDD」 如果日期陣列被填充,beforeShow 我動態地添加一個額外的類「preSelectedDay」

包裝容器與我周圍的日期選擇新的按鈕,刮痧從日期選擇器應用樣式,它

input.focusin 我再添加一個css類到datepicker來覆蓋內聯樣式,因爲這現在由包裝器處理。

button.hover 該按鈕通過操縱DOM和增加一個 「selectedDay」 類

按鈕懸停高亮天。點擊 然後將日期數組查找第一個和最後一堂課「selectedDay」,並通過刮剛纔添加「日期YYYYMMDD」

我創建了這裏演示的日期填充陣列 - http://www.darrencousins.com/lab/jqueryui-datepicker-skyscanner/

(請忽略造型)

乾杯