Использование DatePicker JQuery с начальной загрузкой - PullRequest
Новая
       7

Использование DatePicker JQuery с начальной загрузкой

0 голосов
/ 03 мая 2018

До того, как я добавил bootstrap 4 в свой проект jQuery, средство выбора даты выглядело так:

enter image description here

После того, как я добавил bootstrap 4, средство выбора даты выглядит так:

enter image description here

Я предполагаю, что изменилось только форматирование / размер. Как мне перестать переформатировать формат и сделать его похожим на оригинал?

Я пробовал следующее.

  1. Вызов средства выбора даты с использованием jquery вместо $
  2. Вызов $.fn.datepicker.noConflict(); (мне кажется, что я не могу применить noConflict к функциональности datepicker, только к jQuery в целом) в соответствии с конфликтом jQuery ui datepicker с начальной загрузкой datepicker

В качестве альтернативы я попытался исправить загрузчик, чтобы календарь выглядел более прилично, а кнопки со стрелками не прыгали.

  1. Попытка использовать загрузчик даты, специфичный для начальной загрузки (хотя мне неясно, какой из них работает с Bootstrap 4 и могу ли я добавить к нему праздники всплывающей подсказки, используя метод beforeShowDay, который является обязательным условием для моего приложения)

HTML-код выглядит так: 

<TD class="labelH5">Open Date:</TD>
<TD>
    <div class="row">
      <div class="col-md-8">
        <INPUT TYPE="text" class="form-control" id="datepicker1">
      </div>
    </div>
</TD>

Спасибо

1 Ответ

0 голосов
/ 09 мая 2018

Этот обходной путь взят из ответа @Jimmy Stenke в Как изменить размер элемента управления jQuery DatePicker

Я добавил 

<style>
 div.ui-datepicker {
    font-size: 12px;
}
</style>

после 

<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" media="all" />

Я также удалил ссылку на 

<link rel="stylesheet" href="css/sunny/jquery.ui.theme.css" type="text/css" media="all" />
...