2015-11-03 33 views
0

所以我有2個插件,他們是數據表和日期選擇器,如果我把日期選擇器的數據表不再工作,如果我刪除它datepicker工作。如果我把datepicker函數

下面是日期選取

<script src="assets/js/jquery-1.10.2.js"></script> 
    <script src="assets/js/jquery-ui.js"></script> 

    <script> 
    $(function() { 
    $("#from").datepicker({ 
     dateFormat: 'yy-mm-dd', 
     defaultDate: "+1 w", 
     changeMonth: true, 
     changeYear: true, 
     numberOfMonths: 1, 
     yearRange: '1935:'+(new Date).getFullYear() , 
     onClose: function(selectedDate) { 
     $("#to").datepicker("option", "minDate", selectedDate); 
     } 
    }); 
    $("#to").datepicker({ 
     dateFormat: 'yy-mm-dd', 
     defaultDate: "+1w", 
     changeMonth: true, 
     changeYear: true, 
     numberOfMonths: 1, 
     yearRange: '1935:'+(new Date).getFullYear() , 
     onClose: function(selectedDate) { 
     $("#from").datepicker("option", "maxDate", selectedDate); 
     } 
    }); 
    }); 

    </script> 

代碼這裏有一個數據表

<script src="assets/js/jquery.dataTables.min.js"></script> 
<script> 
     $(document).ready(function(){ 
      $('#listTable').DataTable(); 
     }); 
    </script> 

那麼這裏我的索引整個代碼,我把所有的JavaScript函數和鏈接

<!DOCTYPE html> 

<html lang="en"> 

<head> 

    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <title> 
     <?php include ('title.php');?> 
    </title> 

    <link rel="icon" href="assets/img/LOGO.png">  

    <link href="assets/css/bootstrap.css" rel="stylesheet"> 
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="assets/css/plugins/metisMenu/metisMenu.min.css" rel="stylesheet"> 
    <link href="assets/css/custom.css" rel="stylesheet"> 
    <link href="assets/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> 
    <link href="assets/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css"> 
    <link rel="stylesheet" href="assets/css/jquery-ui.css"> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 

    <script src="assets/js/jquery.min.js"></script> 
    <script src="assets/js/bootstrap.min.js"></script> 
    <script src="assets/js/plugins/metisMenu/metisMenu.min.js"></script> 
    <script src="assets/js/gen_validatorv31.js"></script> 
    <script src="assets/js/custom.js"></script> 
    <script src="assets/js/jquery-1.10.2.js"></script> 
    <script src="assets/js/jquery-ui.js"></script> 
    <script src="assets/js/jquery.dataTables.min.js"></script> 


</head> 
<body> 


    <?php 
     session_start();  
     include ("checkSession.php"); 
     include ("nav.php"); 
     include ("pagecontent.php"); 
    ?> 





    <script> 
     $(document).ready(function(){ 
      $('#listTable').DataTable({ 
    "iDisplayLength": 50 
    }); 
     }); 

    </script> 
<script> 
    $(function() { 
    $("#from").datepicker({ 
     dateFormat: 'yy-mm-dd', 
     defaultDate: "+1 w", 
     changeMonth: true, 
     changeYear: true, 
     numberOfMonths: 1, 
     yearRange: '1935:'+(new Date).getFullYear() , 
     onClose: function(selectedDate) { 
     $("#to").datepicker("option", "minDate", selectedDate); 
     } 
    }); 
    $("#to").datepicker({ 
     dateFormat: 'yy-mm-dd', 
     defaultDate: "+1w", 
     changeMonth: true, 
     changeYear: true, 
     numberOfMonths: 1, 
     yearRange: '1935:'+(new Date).getFullYear() , 
     onClose: function(selectedDate) { 
     $("#from").datepicker("option", "maxDate", selectedDate); 
     } 
    }); 
    }); 

    </script> 
    <script> 
    $(function() { 
     var startDate = "1935"; 
     var endDate = new Date().getFullYear() - 18;  
     var interval = startDate + ":" + endDate; 
    $("#from2").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     changeYear: true, 
     numberOfMonths: 1, 
     yearRange: interval, 
     onClose: function(selectedDate) { 
     $("#to").datepicker("option", "minDate", selectedDate); 
     } 
    }); 



    $("#to2").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     changeYear: true, 
     numberOfMonths: 1, 
     yearRange: '1935:'+(new Date).getFullYear() , 
     onClose: function(selectedDate) { 
     $("#from2").datepicker("option", "maxDate", selectedDate); 
     } 
    }); 
    }); 
    </script> 
</body> 

</html> 
代碼

對不起,很長的文章,我不知道該怎麼辦,錯誤是什麼:(

+0

你正在加載jquery兩次,你有3''in row for no reasonlock you can combine them into one'