2017-08-08 31 views
-1

后,这里是我的头文件:我jQuery的日期选择器只有负荷刷新

<link rel="stylesheet" type="text/css" href="<?php echo str_replace("/index.php/","/",base_url()); ?>assets/dtpicker/jquery.datepick.css"> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" async></script> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" async></script> 
    <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" async></script> 
    <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js" async></script> 
    <script type="text/javascript" src="<?php echo str_replace("/index.php/","/",base_url()); ?>assets/dtpicker/jquery.plugin.js" async></script> 
    <script type="text/javascript" src="<?php echo str_replace("/index.php/","/",base_url()); ?>assets/dtpicker/jquery.datepick.js" async ></script> 
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js" async></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" async></script> 
    <script src="https://use.fontawesome.com/0d83f3667e.js" async></script> 
    <script src="<?php echo $assets ?>js/timepicki.min.js" async></script> 
    <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js" async></script> 

这里是我的网页底部的脚本。

<script> 
    $(document).ready(function(){ 

     $("#date_pickup_").datepick({dateFormat: 'dd-mm-yyyy'}); 
     $("#date_drop_").datepick({dateFormat: 'dd-mm-yyyy'});  

    }); 
</script> 

有关详细信息,这是链接到该网站:http://www.yiyalo.com

+1

你加载*** 4 ***单独的jQuery实例。我强烈建议你改变这一点。您也无法加载jQuery'async' - 它*在您加载任何其他依赖于它的脚本(即您加载的其他每个脚本)之前都可用。最后,jQueryUI和Bootstrap可能会相互干扰。我建议只使用其中之一。我个人的偏好是引导。 –

+0

我应该选择哪一个?这是一个中等的项目,如果我删除了其中的一些,它会影响到另一个脚本吗? –

回答

0

加载你的网页浏览器,我注意到,在控制台的错误。在执行你的代码一段时间得到一个语法错误,因为语法不正确

$(document).ready(function()){ 
// click search btn 
$("#searchCar").click(function(){ 
    searching(); 
}); 

你需要做这些

$(document).ready(function(){ 
// click search btn 
$("#searchCar").click(function(){ 
    searching(); 
}) 
}) 

这一问题将得到固定