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

rjjhvcjd  于 5个月前  发布在  jQuery
关注(0)|答案(2)|浏览(59)

我是一个初学者,即将完成我的项目。我从JqueryUI添加了这个日期选择器,因为我的要求是,只有“星期天”应该被禁用,日期应该被限制从明天到未来10天。我尝试使用其他日期选择器,但没有工作。然后我尝试用代码的一部分实现它,并发现当我注解这一行时,

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

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

<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>


那么现在我应该做些什么来确保我的页面与日期选择器一起顺利沿着运行。提前谢谢你。

ovfsdjhp

ovfsdjhp1#

尝试在你的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), ''];
}
});

});

字符串

ldioqlga

ldioqlga2#

只要把这两个文件按适当的顺序排列,我的问题就解决了。
1)jquery-ui.min.js 2)bootstrap-datepicker/bootstrap-datepicker.js

相关问题