Framework7 日历仅在刷新后打开 html

Question

我在测试时无法在移动设备上打开日历 (Framework7)。它在所有浏览器上都能正常工作，但在直接使用移动设备时却不行 phone。在移动设备上（对我来说是 Safari 测试），单击 'Select Date' 时没有任何反应，控制台也没有错误。如果我刷新页面并再次单击，则它正在运行。

我的-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();
});

Framework7 日历仅在刷新后打开 html

Framework7 Calendar open only after refresh html

calendar

html-framework-7