小编Reg*_*ter的帖子

DateTimePicker时间选择器24小时但在12小时显示?

我正在使用来自http://eonasdan.github.io/bootstrap-datetimepicker/的bootstrap准备日期时间选择器,它运行良好,但有一个问题.我有一个选择器设置,因为:

$(function () {
    $('#startTime, #endTime').datetimepicker({
        format: 'hh:mm',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});
Run Code Online (Sandbox Code Playgroud)

这将选择器设置为24小时,因此我可以选择19:00作为时间.但是当我选择这个时间时,它会在输入框中显示为07:00.以下是显示选择器的设置:

    <div class="input-group date timePicker" id="endTime">
        <input type='text' class="form-control" readonly="true"
            id="endTimeContent" /> <span class="input-group-addon"><span
            class="glyphicon glyphicon-time"></span> </span>
    </div>
Run Code Online (Sandbox Code Playgroud)

我可以在输入框中使用24小时的特定数据格式吗?

jquery datetimepicker twitter-bootstrap

27
推荐指数
5
解决办法
10万
查看次数

使用引导程序 3 在同一行获取两个日期时间选择器?

我正在使用 eonasdandatetimepicker和 bootstrap 3。我有一datetimepicker组作为日历,另一组作为时间。我希望能够让它们并排在同一条线上。但是如果不破坏datetimepicker. 这是我的代码:

<form role="form">
    <div class="form-group">

        <div class="form-group">
            <label for="class">Class:</label> <select multiple
                class="form-control" size="2">
                <option value="1">Class 1</option>
                <option value="2">Class 2</option>
            </select>
        </div>

        <div class="form-group">

        </div>

        <div class="form-group">
            <!-- Date Picker -->                
            <div class="input-group date" id="startDate">
                <input type='text' class="form-control" /> <span
                    class="input-group-addon"><span
                    class="glyphicon glyphicon-calendar"></span> </span>
            </div>
        </div>
        <div class="form-group">
            <!-- Time Picker -->
            <div class="input-group date" id="startTime">
                <input type='text' class="form-control" /> <span
                    class="input-group-addon"><span class="glyphicon glyphicon-time"></span>
                </span>
            </div>

        </div>


        <button type="submit" class="btn btn-default">Submit</button> …
Run Code Online (Sandbox Code Playgroud)

html css datepicker twitter-bootstrap eonasdan-datetimepicker

5
推荐指数
1
解决办法
2万
查看次数