2016-02-09 7 views
0

Я искал ответ в Интернете и на других вопросах, но ни одно из решений не работает для меня. Я пытаюсь это в течение нескольких дней. Мой плагин JQuery с тайм-пикером появляется за запущенным модальным окном. У меня не осталось много времени перед научной ярмаркой, и у меня действительно проблемы. Я был бы очень, очень любезен, если кто-то знает, как мне помочь. Приветствуем ребята и благодарим заранее. Вот код и картинка:JQuery плагин timepicker скрыт за модальным окном

Screenshot of time-picker

Форма секции

<div class='form-group'> 
    <label for='start' class='col-xs-4 control-label'>Starting time</label> 
     <div class='col-xs-5'> 
      <?php include('test.php'); ?> 
     </div> 
</div> 

test.php

<html> 
<head> 
    <style type="text/css" media="all">@import "timePicker.css";</style> 
    <style type="text/css"> 
    input { 
    margin:0; 
    padding:0; 
    } 
    pre { 
    background:#fff; 
    border:1px solid #ddd; 
    padding:4px; 
    } 
    .ui-timePicker { 
    position: relative; 
    z-index: 10000 !important; 
    } 
    </style> 
    <meta charset='utf-8'> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> 
    <script type="text/javascript" src="jquery.timePicker.js"></script> 
</head> 
<body> 
      <p><input id="time1" type="text" class="time form-control" /></p> 
     <script> 
       $("#time1").timePicker();    
     </script> 
</body> 
</html> 
+0

Можете ли вы создать скрипку? С предоставленной информацией все, что мы можем сделать, это догадаться, что это может быть. – Matt

ответ

0

Вы пробовали просто изменить индекс г вашего выбора времени ?

<style> 
#time1{ 
    z-index:1151 !important; 
    } 
</style> 
+0

все еще не работает ... –