jQuery Datepicker Width

我不明白爲什麼這很難做到。關於jQuery的一切都非常簡單。你如何設置jQuery的寬度「display：inline;」日期選擇器？jQuery Datepicker Width

我編輯了jquery的ui css，但只要我改變月份就重置寬度。

我希望這只是我失蹤的一些愚蠢的東西。

2011-11-21 Greg

如果您使用的是它的默認形式jQuery的日期選擇器，然後只需添加到您的CSS和它應該工作：

.ui-datepicker { 
width: 17em; /*what ever width you want*/ 
}

來源

2011-11-21 02:58:26 Kishore

我解開了更改jQuery UI的CSS，這只是用於實驗。 – Greg

現在它爲你工作？ – Kishore

仍然不會自動奇蹟般地改變字體大小，當它太小...（_grumble，grumble，grumble_） – Greg

降低日曆的字體大小會減少日期選取器的寬度。

您可以通過添加這個CSS縮小字體大小：

div.ui-datepicker 
{ 
    font-size:10px; 
}

來源

2013-03-26 09:14:40 Niths

是的，這是在這種情況下的最終解決方案。它的大小繼承了字體大小，縮小了字體縮小了日曆的大小。 – ekerner

工作完美...謝謝 – rerat

-2

.container { 
    width: 270px; 
} 
<div class="container"> 
    <div class='col-md-5'> 
    <div class="form-group"> 
     <div class='input-group date' id='datetimepicker6'> 
     <input type='text' class="form-control" /> 
     <span class="input-group-addon"> 
      <span class="glyphicon glyphicon-calendar"></span> 
     </span> 
     </div> 
    </div> 
    </div> 
</div>

來源

2016-07-14 06:33:58

jQuery Datepicker Width

回答

相關問題