Ajay Singh Ответов: 0

Отображение выбора даты в модальной форме bootstrap

Я хочу, чтобы отобразить элемент управления datepicker в Bootstrap модальные формы, но не удается отобразить

<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>


это простая страница, на которой отображается выбор даты
но когда я включаю весь стиль заголовка в свой header.php и установите класс datepicker в модальную форму его не будет

Что я уже пробовал:

Модальный находится в моем footer.php и хотите отобразить модальную форму datepicker в index.php с верхним и нижним колонтитулами

<div id="myJodal" class="modal fade" role="dialog">
  <div class="modal-dialog">

 <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><div id="orangeBox">
    <span id="x">X</span>
</div></button>
        <h4 class="modal-title"><h3 class="text-center">Get Free Quotes</h3></h4>
      </div>
      <div class="modal-body">

<div class="col-xs-6">
          <div class="form-group">
            <label class="sr-only" for="city">Date Of Travel</label>
            <div class="input-group">
              <div class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></div>              
	      <input type="text" name="datepicker" id="datepicker" placeholder="Date Of Travel" class="form-control input" value="" required="">
            </div>
          </div>
          </div>

</div>
      </div>

      </div>

      </div



пожалуйста, помогите мне решить эту проблему

Karthik_Mahalingam

проверьте, нет ли ошибок в окне консоли chrome.

0 Ответов