Bootstrap 日期时间选择器中的日期和时间按钮

Question

我正在尝试使用两个按钮。一个用于时间，另一个用于日期。例如 http://jsfiddle.net/RR4hw/1383/

<div class="container">
<div class="col-sm-6" style="height:75px;">
   <div class='col-md-5'>
        <div class="form-group">
            <div>Start</div>

            <div class='input-group date' id='startDate'>
                <input type='text' class="form-control" name="startDate" readonly />
                <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
        <span class="glyphicon glyphicon-time"></span>
                </span>
            </div>
        </div>
    </div>

  </div>
</div>

jQuery(function () {
  jQuery('#startDate').datetimepicker();
  jQuery('#endDate').datetimepicker();
  jQuery("#startDate").on("dp.change",function (e) {
    jQuery('#endDate').data("DateTimePicker").setMinDate(e.date);
  });
});

我该如何处理它？这可能吗？

Answer 1

我使用选项 "sideBySide" 解决了这个问题：

jQuery('#startDate').datetimepicker({sideBySide: true});
jQuery('#endDate').datetimepicker({sideBySide: true});

希望对您有所帮助。

Bootstrap 日期时间选择器中的日期和时间按钮

button for Date and Time in Bootstrap Datetimepicker

javascript

jquery

angular-ui-bootstrap

eonasdan-datetimepicker