jQuery Datepicker Width - PullRequest
       5

jQuery Datepicker Width

6 голосов
/ 21 ноября 2011

Я не понимаю, почему это так сложно сделать. Все в jQuery очень просто. Как установить ширину jQuery "display: inline;" Datepicker

Я отредактировал jquery ui css, но как только я меняю месяц, он сбрасывает ширину.

Надеюсь, это просто что-то глупое, что мне не хватает.

Ответы [ 3 ]

20 голосов
/ 21 ноября 2011

Если вы используете указатель даты jQuery в его форме по умолчанию, просто добавьте это в ваш css, и он должен работать:

.ui-datepicker {
width: 17em; /*what ever width you want*/
}
10 голосов
/ 26 марта 2013

Уменьшение размера шрифта календаря приведет к уменьшению ширины средства выбора даты.

Вы можете уменьшить размер шрифта, добавив следующий код:

div.ui-datepicker
{
    font-size:10px;
}
0 голосов
/ 14 июля 2016
.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>
...