Question

Click for screenshot 我在html中有一个时间选择器，它位于texfield的下方。我想在文本框字段的顶部显示它。

Answer 1

%timeit M.eq(x, axis=0).astype(int).sum().idxmax()

100 loops, best of 3: 2.68 ms per loop

包括以下javascript，它实际上是一个bootstrap组件

<input type="text" class="form-control timepicker" data-template="dropdown" data-show-seconds="true" data-default-time="11:25 AM" data-show-meridian="true" data-minute-step="5">

您可以从here

下载以下文件

Answer 2

在屏幕截图中，它使用TimePicki js。请参阅timepicki github。

您的输入字段。

<input type="text" name="timepicker" class="time_element" />

在javascript中。

$(document).ready(function() {
  $(".time_element").timepicki();
});

$(document).ready(function() {
  $(".time_element").timepicki();
});

<link href="http://senthilraj.github.io/TimePicki/css/timepicki.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="http://senthilraj.github.io/TimePicki/js/timepicki.js"></script>

<input type="text" name="timepicker" class="time_element" />

Answer 3

请使用此。方向：“顶部”

Answer 4

嘿蓓蕾我认为这可能会有所帮助，我知道这是一个很老的帖子，但希望它能帮助那些来寻找答案的人，就像我一样。

Bootstrap的clockpicker提供多种选项来自定义时钟选择器的外观和功能。

在您正在初始化时钟选择器的javascript中，您需要添加此

placement: 'top',

完整的初始化示例如下：

$('#cp1').clockpicker({
            placement: 'top',
            autoclose: true,
            twelvehour: true,
            afterDone: function () {
                console.log("after done");
                console.log($('#cp1').val());
            }
        });

随意浏览一些文档以获得更多自定义： clockpicker

如何显示输入字段的时间选择器顶部

4 个答案: