我正在使用来自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小时的特定数据格式吗?
我正在使用 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