bootstrap-datapicker не открывается с первого раза jquery + input

300
01 февраля 2018, 17:20

Всем привет) прошу помощи. Есть баг. У нас есть форма (input text), по классу с помощью jquery вешается datepicker (bootstrap-datapicker). Он вызывается и работает. Все ок. Если выбрать дату, а потом нажать на поле еще раз, то datapicker снова появится и дату можно поменять. Но если в момент когда datapicker активирован, нажать просто где в стороне на любой элемент. ТО тогда при нажатии снова на инпут, datapicker не открывается с первого раза. Нужно нажимать на соседний инпут например, а потом снова на нужный инпут. Кто-нибудь сталкивался?

<form class="form-horizontal right-form">
                      <div class="form-group">
                        <label for="inputWhen" class="col-sm-2 control-label tuda">Туда</label>
                        <div class="col-sm-10">
                          <input type="text" readonly style="cursor: pointer;" class="form-control datepicker" id="inputWhen">
                        </div>
                      </div>
                      <div class="form-group">
                        <div class="checker squaredFour">
                          <label>
                            <input class="checkbox checkdva" type="checkbox" name="checkbox-test" data-class="js-a">
                            <span class="checkbox-custom"></span>
                        </label>
                        </div>

                        <label for="inputReturn" class="col-sm-2 control-label obratno">Обратно</label>
                        <div class="col-sm-10">
                          <input type="text" readonly style="cursor: pointer;" class="form-control datepicker js-all js-a" id="inputReturn" disabled>
                        </div>
                      </div>
                      <a class="button-link-ticket" href="#"><div class="button-ticket">НАЙТИ БИЛЕТЫ</div></a>              
                    </form>

Выше html, а вызывается datepicker через jquery

    $('#inputWhen').datepicker({
                autoclose: true,
                format: "dd/mm/yyyy",
                weekStart: 1,
                maxViewMode: 2,
                todayBtn: "linked",
                language: "ru",
                orientation: "top auto",
                toggleActive: false
            });
    $('#inputReturn').datepicker({
      autoclose: true,
        format: "dd/mm/yyyy",
        weekStart: 1,
        maxViewMode: 2,
        todayBtn: "linked",
        language: "ru",
        orientation: "top auto",
        toggleActive: false
    });
READ ALSO
beforeunload, как отменить реакцию на нажатие кнопки submit?

beforeunload, как отменить реакцию на нажатие кнопки submit?

Подскажите как решить данный вопрос или сделать аналогНа странице заносятся данные и происходит резервирование алиасов с записью их в БД

315
Передача данных с полей страницы [требует правки]

Передача данных с полей страницы [требует правки]

Существует форма допустим состоящее с

297
Не работает маска ввода

Не работает маска ввода

Есть некий select, от выбора которого зависит какие 2 инпута будут выведены

329
Как сделать блок ссылкой?

Как сделать блок ссылкой?

Заказчику срочно понадобилось, чтобы блок стал ссылкой, но внутри этого блока есть и куча разметки, в том числе, и самостоятельных тегов <a>В...

288