代码之家  ›  专栏  ›  技术社区  ›  ssavva05

在Android ADB中启用FullCalendar中的Touch

  •  0
  • ssavva05  · 技术社区  · 6 年前

    我想在fullCalendar中启用触摸输入,并使fullCalendar网站在androidadb和localhost中工作。我可以在ADB和localhost中访问我的站点,但不能在android ADB中访问日历框。 punch.js ),没有成功。

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/punch.js"></script>
    <link  rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link  rel="stylesheet" type="text/css" href="css/bootstrap.min.css.map">
    <link rel="stylesheet" type="text/css" href="css/fullcalendar.css">
    <link rel="stylesheet" type="text/css" href="css/fullcalendar.print.css" media="print">
    <script type="text/javascript" src="js/moment.min.js"></script>
    <script type="text/javascript" src="js/fullcalendar.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    

    script.js包含我的日历,我这样声明:

    var calendar = $('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'agendaDay,agendaWeek,month'
    },
    defaultView: 'month',
    editable: true,
    selectable: true,
    allDaySlot: false,
    displayEventTime: true,
    slotDuration: '03:00:00',
    contentHeight: 'auto',
    

    eventClick: function (event, jsEvent, view) {
        endtime = $.fullCalendar.moment(event.end).format('h:mm');
        starttime = $.fullCalendar.moment(event.start).format('dddd, MMMM Do YYYY, h:mm');
        var mywhen = starttime + ' - ' + endtime;
        $('#modalTitle').html(event.title);
        $('#modalWhen').text(mywhen);
        $('#eventID').val(event.id);
        $('#calendarModal').modal();
    },
    

    我还在HTML声明中使用引导样式:

     <div class ="row">
        <!-- add calander in this div -->
        <div class="container">
            <div id="calendar">
            </div>
        </div>
      </div>
    

    在PC网络浏览器中,这一点与预期一样有效,但在android网络浏览器中,当我触摸日历事件框时,它不会做出反应。

    有没有办法让我的网站能够识别日历事件框上的触摸?

    1 回复  |  直到 6 年前
        1
  •  3
  •   ADyson    6 年前

    要触发“选择”回调(为了选择一个空的空间),您必须按下日历上的空槽1秒,而不是仅仅点击。您可以调整 selectLongPressDelay 如果你想改变它,例如。

    selectLongPressDelay: 25
    

    与此同时, eventClick 只需在触摸设备上工作,无需进一步调整。 Here

    看到了吗 https://fullcalendar.io/docs/touch 更多细节。