2016-10-24 123 views
0

玉:自举的DateTimePicker - 如何设置宽度

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元素的宽度。

datetimepicker poor styling

回答

0

尝试

padding-right = 0 px; 

margin-right = 0px; 

你使用自举? 你必须调整网格系统?

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