Question

我正在尝试在弹出视图中获取timepicker值。当弹出视图显示时，timepicker值仍被隐藏。我需要在正面获取这些值。我还添加了z-index值。但这是行不通的。并且有哪个timepicker js文件使用的问题。在这里，我使用了jquery.timepicker.min.js 。 Here attached full code。（第133行有我的问题）Datepicker已工作。但是时间选择器不起作用。

.timepicker {
  color: #389fff;
  z-index: 99999;
}

<table class="timepicker">
  <tr>
    <td><label>Time</label></td>
    <td class="timepicker">
      <input type="text" value="" />
    </td>
  </tr>
</table>

请给我一些建议。谢谢。

Answer 1

这是您问题的可能解决方案。我希望它能起作用。

.timepicker {
    position:relative;
    color: #389fff;
    z-index: 1025;
    top:10;
}

Answer 2

在此处定义显示时间选择器的页面

<!DOCTYPE HTML>
<html>
<head>
   
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
   
</head>

<body>
    
    <div>
        <table>
            <tr>
                <td><label>Time</label></td>
                <td>
                    <input type="text" value=""  class="timepicker" />
                </td>
            </tr>
        </table>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>

    <script>
        
        $(document).ready(function () {
            alert("OK1");
          
            $('.timepicker').timepicker({
                timeFormat: 'h:mm p',
                interval: 60,
                minTime: '10',
                maxTime: '6:00pm',
                defaultTime: '11',
                startTime: '10:00',
                dynamic: false,
                dropdown: true,
                scrollbar: true
            });
        });
    </script>
</body>
</html>

时间选择器的值不会在顶部弹出

2 个答案: