繁体   English   中英

Bootstrap Datetimepicker中的日期和时间按钮

[英]button for Date and Time in Bootstrap Datetimepicker

我试图有两个按钮。 一个用于时间,另一个用于日期。 例如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);
  });
});

我该如何处理? 这可能吗?

我通过使用选项“ sideBySide”解决了这个问题:

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

希望对您有所帮助。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM