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中加载calend var，但这不会一直触发...因此，请尝试从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后打开

1 个答案: