My JQuery Datepicker не отображается

Я сделал страницу php (что-то о бронировании гостиницы), и я хочу сделать JQuery Datepicker, я попробовал это на пустой странице, предоставил необходимые файлы css и js, и оно работает.My JQuery Datepicker не отображается

Но когда я попробовал это на своей странице, это не сработало. Я думаю, что это связано с другими css и/или другими файлами javascript на моей странице, но я удалил их для тестирования. Но все же печально это не появляется. Что, по-видимому, проблема?

Код:

<!DOCTYPE HTML> 
    <html> 
     <head> 
      <link rel="stylesheet" href="assets/css/reservationsCSS.css" /> 
      <link href = "css/jquery-ui.css" rel = "stylesheet"> 
      <?php include 'includes/head.inc.php'; ?> 

    <!-- Datepicker JavaScript function --> 
    <script type="text/javascript"> 
    $(function() { 
     $("#checkInDate").datepicker({dateFormat:"mm/dd/yy", minDate: 0}).datepicker("setDate",new Date()); 
     $("#checkOutDate").datepicker({dateFormat:"mm/dd/yy", minDate: 0}).datepicker("setDate",+1); 
    }); 
    </script> 
</head> 

<body id="top"> 
    <!-----navbar-section------> 
    <header class = "container"> 
     <?php include 'includes/navbar.inc.php'; ?> 
    </header> 
    <!-----navbar-section------> 

      <section id="banner"> 
       <div class="inner"> 
        <header> 
         <h1>Reservation</h1> 
         <h2>Please enter your arrival and departure date.</h2> 
         <p></p> 
        </header> 
       </div> 
      </section> 

     <!-- Main --> 
      <div id="main"> 
       <div class="inner"> 
        <form action = "datepickerProcess.php" method = "POST"> 
         <p>Check-in Date: <input type = "text" id = "checkInDate" name = "checkInDate"></p> <br> 
         <p>Check-out Date: <input type = "text" id = "checkOutDate" name = "checkOutDate"></p> <br> 
         <input type = "submit" value = "Go to Rooms >"> 
        </form> 
       </div> 
      </div> 

     <!-- Footer --> 
      <footer id="footer"> 
       <?php include 'includes/footer.inc.php';?> 
      </footer> 

    <!-- Scripts --> 
     <!-- <script src="assets/js/jquery.min.js"></script> 
     <script src="assets/js/jquery.scrolly.min.js"></script> 
     <script src="assets/js/jquery.poptrox.min.js"></script> 
     <script src="assets/js/skel.min.js"></script> 
     <script src="assets/js/util.js"></script> 
     <script src="assets/js/main.js"></script> --> 
     <script type="text/javascript" src = "js/jquery-1.10.2.js"></script> 
     <script type="text/javascript" src = "js/jquery-ui.js"></script> 

</body> 
</html>

источник

2016-12-12 Kenny

Любая ошибка в консоли? –

Прошу прощения, какая консоль? Кстати, он не показывает никаких ошибок в php. Но когда я нажимаю на текстовое поле, датпикер JQuery не появляется. – Kenny

, т. Е. Нажмите f-12. у него будет консоль, и она должна остановиться на первой ошибке. Ваши даты, не появляющиеся, могут быть побочным эффектом других проблем. – Bindrid

пытаются добавить

<!-- Datepicker JavaScript function --> 
    <script type="text/javascript"> 
    $(function() { 
     $("#checkInDate").datepicker({dateFormat:"mm/dd/yy", minDate: 0}).datepicker("setDate",new Date()); 
     $("#checkOutDate").datepicker({dateFormat:"mm/dd/yy", minDate: 0}).datepicker("setDate",+1); 
    }); 
    </script>

после импорта Jquery вашей страницы он должен работать нормально

<script type="text/javascript" src = "js/jquery-1.10.2.js"></script> 
<script type="text/javascript" src = "js/jquery-ui.js"></script>

источник

2016-12-12 04:44:41

да, я попытался изменить и добавить собственный скрипт под импортом jQuery. Это сработало! Спасибо! – Kenny

ответ

Смежные вопросы