【问题标题】:button for Date and Time in Bootstrap DatetimepickerBootstrap Datetimepicker中的日期和时间按钮
【发布时间】:2016-04-12 15:30:28
【问题描述】:

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

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

【问题讨论】:

    标签: javascript jquery angular-ui-bootstrap eonasdan-datetimepicker


    【解决方案1】:

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

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

    希望对你有帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-03
      • 2010-09-10
      • 1970-01-01
      • 2019-02-09
      相关资源
      最近更新 更多