如何在 bootstrap-datetimepicker 中调整输入日期时间的大小？

Question

我决定更改仪表板选定的期间愤怒日期时间。我选择了 bootstrap-datetimepicker.

$(function () {              
                $("#datetime_input").datetimepicker({
                    locale: 'ru'
                });
                $("#datetime_output").datetimepicker({
                    locale: 'ru'
                });
   });

<div class="row">
        <span>C</span>
        <div class='col-xs-3'>
            <div class="form-group">
                <div class='input-group date' id='datetime_input'>
                    <input id="INPUT_DATETIME" type='text' class="form-control" value="${INPUT_DATETIME}"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>

        <span>По</span>
        <div class='col-sm-3'>
            <div class="form-group">
                <div class='input-group date' id='datetime_output'>
                    <input id="OUTPUT_DATETIME" type='text' class="form-control" value="${OUTPUT_DATETIME}"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
</div>

如何在bootstrap-datetimepicker中调整字段输入日期时间？例如如何减少字段输入日期时间？

如何消除产生的差异？

p.s。我发现了一些问题

Reduce size and change text color of the bootstrap-datepicker field

但建议的解决方案不适用于我的情况。

Answer 1

你的问题不清楚。可能您想在仪表板中使用 bootstrap 日期时间 picker.So 实施日期范围选择器，如果是这样，那么下面的 link 对您有用。

Link : http://www.daterangepicker.com/

使用下面的代码：

 <div class="row">
    <span>C</span>
    <div class='col-xs-3'>
        <div class="form-group">
            <div class='input-group date' id='datetime_input'>
                <input id="INPUT_DATETIME" type='text' class="form-control"  value="${INPUT_DATETIME}"/>
                <span id="input_pick" class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>

    <span>По</span>
    <div class='col-sm-3'>
        <div class="form-group">
            <div class='input-group date' id='datetime_output'>
                <input id="OUTPUT_DATETIME" type='text' class="form-control" value="${OUTPUT_DATETIME}"/>
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
     </div>
  </div>

添加 CSS 代码：

 #INPUT_DATETIME{
   width : 177px;
 }
 #input_pick{
  width: 37px; 
  height: 34px;
  float: left;
 }

如何在 bootstrap-datetimepicker 中调整输入日期时间的大小？

How resize filed input datetime in bootstrap-datetimepicker?

html

css

datetimepicker

bootstrap-modal

bootstrap-datetimepicker