处理JQuery和My97DatePicker的冲突

My97DatePicker是一个很好的日历控件,提供了很多的功能,更多 My97DatePicker的信息。

但是最近在一个页面中导入了JQuery,发现My97DatePicker就失灵了,后来网上查了解决冲突的方法。

使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应 用Jquery的时候只要将所有的$换成jQuery即可,如原来引用对象方法$("#msg")改为jQuery("#msg")。
例如:

    <script type="text/javascript">
        jQuery.noConflict();
    </script>

    <script src="../script/date/WdatePicker.js" type="text/javascript"></script>
之后要使用JQuery的地方,如下:

    <script type="text/javascript">
   jQuery(document).ready(
       function()
       {
            jQuery('#addDIVBanner').click(
                function()
               {
                    if(jQuery('#addDIV').css('display')=='block')
                        jQuery('#addDIV:visible').slideUp('slow');
                    else
                        jQuery('#addDIV:hidden').slideDown('slow');
               }
            )
       }   
   );
    </script>

<form action="/rmbcs/rf.do?method=toMain" method="post" >
   <table width="900" border="0" cellpadding="5" cellspacing="1" bgcolor="#D2D2D2">
   <tr>
   <td height="25" bgcolor="#FFFFFF">起至日期:</td>
   <td height="25" bgcolor="#FFFFFF"><input id="startDate" name="startDate"  type="text" size="15" class="Wdate" onfocus="WdatePicker({isShowClear:false})"/>
   ~<input id="endDate" name="endDate"  type="text" size="15" class="Wdate" onfocus="WdatePicker({isShowClear:false})"/></td>
   <td height="25" bgcolor="#FFFFFF">书名:</td>
   <td height="25" bgcolor="#FFFFFF"><input id="bookName" name="bookName"  type="text" size="20" /></td>
   <td height="25" bgcolor="#FFFFFF">出版社:</td>
   <td height="25" bgcolor="#FFFFFF"><input id="publish" name="publish"  type="text" size="20" /></td>
   <td height="25" bgcolor="#FFFFFF"><input type="button" name="btn" value="搜索" onclick=""/></td>
   </tr>
   </table>
   </form>

posted on 2012-12-24 21:23  davidkam  阅读(1080)  评论(0编辑  收藏  举报