Включить Touch In FullCalendar в Android ADB - PullRequest
0 голосов
/ 10 октября 2018

Я хочу включить сенсорный ввод в fullCalendar и сделать веб-сайт fullcalendar для работы в Android ADB и localhost.Я могу получить доступ к своему сайту в ADB и на локальном хосте, но я не могу коснуться в полях календаря в Android ADB.Я пытаюсь включить в заголовок сайта JQuery UI Touch Punch (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();
},

Я также использую стиль Bootstrap в объявлении HTML:

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

В веб-браузере на ПК это работает, как и ожидалось, но в веб-браузере Androidне будет реагировать, когда я касаюсь полей календаря.

Есть ли способ заставить мой сайт распознавать касания в окнах событий календаря?

ОБНОВЛЕНИЕ: Перетаскивание работает, когда я обновляюсь до последней версии Chrome в Android 7.0 ADB, но событие щелкает и нажимает пустые поля, чтобы добавить события, которые не работают.

1 Ответ

0 голосов
/ 10 октября 2018

Чтобы вызвать обратный вызов «выбор» (для выбора пустого места), вы должны нажать на пустое место в календаре в течение 1 секунды, а не просто нажать.Вы можете настроить параметр selectLongPressDelay, если хотите изменить его, например,

selectLongPressDelay: 25

. Между тем, eventClick должен работать только на сенсорных устройствах без каких-либо дополнительных настроек. Здесь - это демонстрационная программа, иллюстрирующая это.

Подробнее см. https://fullcalendar.io/docs/touch.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...