如何在新的 jquery 中使用灯丝的 daterangepicker？答案

【问题标题】：how to use filament's daterangepicker with new jquery?如何在新的 jquery 中使用灯丝的 daterangepicker？
【发布时间】：2011-04-28 12:19:00
【问题描述】：

我在这里下载了可用的日期范围选择器：filament group

我在我的页面中使用 jQuery 1.4.x 版本，而我使用的所有其他插件仅在最新版本的 jQuery 上受支持。 daterangepicker 工具失败，因为它使用的是 date.js（它使用了一个非常旧的 jQuery）。

如果我使用 datepicker，我正在使用的所有其他插件和其他插件的功能都将丢失。

我浏览了灯丝组的 cmets 发现了这个：

@ Mckensy：我们确保使用“jQuery”而不是 $ 来防止此类冲突，但似乎 date.js 库使用 $，这可能会导致您的冲突。也许你可以尝试用其他东西替换他们的 $ 变量。

他的意思是noConflict模式不起作用，唯一的办法就是更改date.js。

现在有人可以告诉我如何按照他说的去做吗？

【问题讨论】：

只需编辑 date.js 源（在日期范围选择器源内）并将 $ 的使用替换为“jQuery”。
试过了。没用。如果我这样做，它会完全失去它的功能。

标签： javascript jquery date-range datejs

【解决方案1】：

它已经在一些地方工作了：https://github.com/filamentgroup/jQuery-UI-Date-Range-Picker

在 jqueryUI 1.8.9 上部署它对我有用。

【讨论】：

【解决方案2】：

尝试将您的 date.js 代码包装在 (function(){})() 中，并在此函数的最后，将所有 date.js 代码，分配一个全局变量，以便您可以引用本地 data.js $ 变量。

(function() {

// date.js code
var $ = someDataJsStuff();

// .. more code ..

// make a global var to reference this date.js stuff (not $ of course)
dateJsVariable = $;

})();

这将避免任何命名空间混乱。只有最终的全局变量才会混乱，以便您可以使用该库:)

【讨论】：

我不太明白“分配一个全局变量，这样你就可以......”部分:(你是要我把 date.js 的“所有”代码放在一个匿名函数中吗？就这样吧？
好吧，我搬到了 keith-woods datepicker...也有一个很酷的...但是让这个线程保持打开状态并为那些正在努力解决它的人找到答案...我将尝试此处发布的所有解决方案...