Bootstrap DatePicker выравнивание даты изменяется при уменьшении размера экрана - PullRequest
Новая
       7

Bootstrap DatePicker выравнивание даты изменяется при уменьшении размера экрана

0 голосов
/ 17 февраля 2020

Я использовал bootstrap DatePicker. Каждый раз, когда я уменьшаю размер экрана, средство выбора даты меняет выравнивание дат, как показано ниже.

enter image description here

  <div class='input-group date' id='fromDate'>
   @Html.TextBoxFor(model => model.FromDate, new { @class = "form-control", name = "startDate", id = "startDate", @readonly = "true" })
   <span class="input-group-addon">
     <span class="glyphicon glyphicon-calendar"></span>
   </span>
 </div>

И в документе загрузите следующий код. 

$('#fromDate')
  .datepicker({
    format: 'dd/mm/yyyy',
    autoclose: true,
    orientation: 'bottom'
  })

Я попытался указать высоту и ширину, но ничего не получалось.

1 Ответ

0 голосов
/ 17 февраля 2020

Убедитесь, что у вас есть ViewPort мета в вашем файле _Layout.cs html. И ваш Jquery ID должен быть startDate, а не fromDate в соответствии с вашим текстовым полем. 

$('#startDate')
        .datepicker({
            format: 'dd/mm/yyyy',
            autoclose: true,
            orientation: 'bottom'
        })

Надеюсь, это все исправит.

...