如何在datetimepicker中避免秒数?

时间:2015-06-13 21:47:25

标签: javascript jquery datetimepicker date-formatting

我想在datepicker下拉列表中避免秒数 我有以下HTML内容:

<link href="<c:url value='/resources/css/bootstrap-datetimepicker.min.css'/>"
              rel="stylesheet">
<script type="text/javascript"
                src="<c:url value='/resources/js/bootstrap-datetimepicker.min.js'/>"></script>
...    
    <div id="startTimeDiv" class="input-append right-date-input">
            <input id="startTime" name="startTime" data-format="hh:mm:ss" type="text" value="">
                        <span class="add-on">
                            <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i>
                        </span>
    </div>

以及以下js:

$('#startTimeDiv').datetimepicker({
      pickDate: false,
      timeFormat:  "HH:mm"
});

startTimeDiv看起来像这样:

enter image description here

因此秒没有消失。为什么?

P.S。
我试图从孤立的例子中重新创建它,它正常工作。我想它可能是另一个库交互或我在隔离示例中使用的不同版本的问题。我不知道如何检查我使用的datepicker版本。

4 个答案:

答案 0 :(得分:1)

你从哪里得到#startTimeDiv?如果它不是#startTime,那可能会解决你的问题:)

答案 1 :(得分:1)

我的版本使用以下代码:

$('#startTimeDiv').datetimepicker({
      pickDate: false,
      pickSeconds: false
});

答案 2 :(得分:0)

您的ID为startTime而不是startTimeDiv

通过执行此操作来修复它

$('#startTime').datetimepicker({
      pickDate: false,
      timeFormat:  "HH:mm"
});

答案 3 :(得分:0)

我在我的代码中有以下内容并且它有效。这将默认秒数为00但不会在弹出窗口中显示以供用户选择秒数。使用jquery time picker add-on

$('#startTimeDiv').datetimepicker({
      showSecond: false
});

或者,如果你只是不想要秒本身那么试试这个

$('#startTimeDiv').datetimepicker({
    showSecond: false,
    timeFormat: 'hh:mm'
// hourFormat: 24 (if you are looking for 24 hr format, if you want 12 hr format then change timeFormat to 'hh:mm TT' and hourFormat:12)
    });