Календарь Framework7 открыт только после обновления HTML

Question

У меня проблемы с открытием календаря (Framework7) на мобильном телефоне при тестировании.Он отлично работает во всех браузерах, но не при прямом использовании мобильного телефона.На мобильном телефоне (для меня тест на сафари), когда нажата кнопка «Выбрать дату», на консоли ничего не происходит и никаких ошибок.Если я обновлю страницу и нажму в другой раз, она будет работать.

my-app.js:

> myApp.onPageInit('checkout', function (page) { var calendarDefault =
> myApp.calendar({
>     input: '#shipping_calendar',
>     multiple: true }); })

checkout.php:

<div class="contactform">
<h4 class="checkout_title">DATE DE LIVRAISON</h4><br>
Sélectionnez une ou plusieurs dates<br>

<input type="text" placeholder="Select range date for delivery" readonly id="shipping_calendar">
</div>

Надеюсь, кто-нибудьможет помочь Спасибо заранее

Answer 1

Обычно эта проблема возникает, когда вы пытаетесь загрузить переменную календаря в pageInit, но это не сработает все время ... так что попробуйте удалить код календаря из myApp.onPageInit и установить его прямо в вашем скрипте:

var calendarDefault = myApp.calendar({input: '#shipping_calendar', multiple: true });}

Также вы можете сделать это, чтобы убедиться, что он открыт:

var $$ = Dom7;
$$('#shipping_calendar').on('click', function(){
    if(!calendarDefault.opened)
          calendarDefault.open();
});