2016-10-24 139 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;"