Bootstrap DateTimePicker - 如何设置宽度答案

【问题标题】：Bootstrap DateTimePicker - how to set widthBootstrap DateTimePicker - 如何设置宽度
【发布时间】：2016-10-24 00:30:07
【问题描述】：

玉：

td
  #cpf2.input-group.date
    input(type="text",value=(event.EDATE),style="width:200px")
    span.input-group-addon
      span.fa.fa-calender(aria-hidden="true")
  script(type="text/javascript")
    $(function () {
      $('#cpf2').datetimepicker({
        format: "DD-MM-YYYYY HH:mm",
        icons: {
          time: "fa fa-clock-o",
          date: "fa fa-calendar",
          up: "fa fa-arrow-up",
          down: "fa fa-arrow-down",
          previous: "fa fa-chevron-left",
          next: "fa fa-chevron-right"
        }
      });
    });

输出（在 Chrome 上）：

如图所示，datetimepicker 元素的格式是混乱的，日期输入和日历跨度之间的差距很大。

谁能告诉我如何解决并能够调整整个 datetimepicker 元素的宽度。

【问题讨论】：

标签： node.js twitter-bootstrap google-chrome pug

【解决方案1】：

尝试

padding-right = 0 px;

或

margin-right = 0px;

你使用 BootStrap 吗？ Grid系统要调整吗？

style="width:200px height:300px;"

【讨论】：