Jquery datepicker中与其他现有Jquery代码发生冲突

时间:2013-04-26 10:26:29

标签: jquery conflict jquery-ui-datepicker

我是接近完成项目的初学者。我已经从JqueryUI添加了这个日期选择器,因为我的要求是只禁用“星期日”,并且应该从明天到下一个10天限制日期。我尝试使用其他日期选择器,但没有工作。 然后我尝试使用部分代码实现它,并在我评论此行时发现它

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

datepicker工作得很好!但如果没有上述行,我的页面将无法正常运行。 我的日期选择器代码的其余部分如下。

 <link rel="stylesheet" href="css/jquery-dp.css" />
 <script src="js/jquery-dp-1.js"></script>
 <script src="js/jquery-dp-2.js"></script>
 <link rel="stylesheet" href="/resources/demos/style.css" />
 <script>
     $(function() {
         $( "#datepicker" ).datepicker({ minDate: +1, 
         dateFormat:"yy-mm-dd",
     maxDate: "+0M +10D",
     beforeShowDay: function(date) {
                 var day = date.getDay();
                 return [(day != 0), ''];
             }
 });
});
</script>

所以现在我该怎么做才能确保我的页面与datepicker一起顺利运行。 提前谢谢。

1 个答案:

答案 0 :(得分:2)

尝试在JQuery脚本中使用它。

$.noConflict();  //Not to conflict with other scripts
jQuery(document).ready(function($) {

$( "#datepicker" ).datepicker({ minDate: +1, 
                dateFormat:"yy-mm-dd",
                maxDate: "+0M +10D",
                beforeShowDay: function(date) {
    var day = date.getDay();
    return [(day != 0), ''];
}
});

});