2012-07-30 88 views
0

我已經分叉了看起來不再維護的filamentgroup daterangepicker *,以便包含一些發佈的修復程序並解決它僅支持單個datarangepicker頁。轉換/添加對jQuery插件的多個實例的支持

我已閱讀了如何設置jquery插件和設置jquery小部件的文檔。但小部件的問題是,如果您將多個元素傳遞給小部件,它將爲每個元素創建一個單獨的小部件。日期範圍選取器的一個功能是傳遞2個輸入字段以提供單個日期範圍的開始和結束。所以在這種情況下分開處理的多個元素是沒有用的。

那麼除了使用$ .widget轉換現有插件以允許在頁面上多次使用它之外,還有其他的最佳實踐。

我猜測,在插件閉包中定義的變量只需要不存在,除非它們是用於所有實例的靜態值,實例特定的變量需要與通過數據屬性傳入的選擇器相關聯或插件保持索引數組的ID?我在正確的軌道上嗎?除了定義的變量之外還缺少其他的東西?

任何指針或如何添加對jquery插件的多個實例的支持的例子,讚賞。

*原點代碼是從 - http://filamentgroup.com/examples/daterangepicker_v2/

上GIT中 - https://github.com/filamentgroup/jQuery-UI-Date-Range-Picker/blob/master/js/daterangepicker.jQuery.js最佳實踐的

+0

這是第一個鏈接git回購?只需點擊它,我會得到一個Forbidden錯誤。 – 2012-07-30 00:17:36

+0

對不起@Jared我糾正了鏈接,似乎它是一個重定向的網址 – claya 2012-07-30 01:10:24

+0

我仍然有同樣的問題。您是否需要登錄才能訪問該鏈接? – 2012-07-30 01:12:06

回答

0

一個方面將調用上的空容器(的div /跨距)併產生兩個日期字段插件在初始化。

這樣,您可以根據需要使用單個語句創建儘可能多的日期小部件,並且在準備HTML時儘可能少地花費精力。

This tutorial提供可以說是最好的插件模式可用。當你意識到它超級酷時,這是一件尷尬的事。