title: Enable Touch In FullCalendar In Android ADB
body: <p>I want to enable touch input in fullCalendar and make a fullcalendar website to work in Android ADB and localhost as well. I can access my site in ADB and in localhost, but I can't touch in calendar boxes in android ADB. 
  I try to include in site header the jQuery UI Touch Punch (<code>punch.js</code>), without success.</p>
  
  <pre><code>&lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8"/&gt;
  &lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/punch.js"&gt;&lt;/script&gt;
  &lt;link  rel="stylesheet" type="text/css" href="css/bootstrap.min.css"&gt;
  &lt;link  rel="stylesheet" type="text/css" href="css/bootstrap.min.css.map"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/fullcalendar.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/fullcalendar.print.css" media="print"&gt;
  &lt;script type="text/javascript" src="js/moment.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/fullcalendar.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/script.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The script.js contains my calendar and i declare it that way:</p>
  
  <pre><code>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',
  </code></pre>
  
  <p>Then I use functions like:</p>
  
  <pre><code>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();
  },
  </code></pre>
  
  <p>I also use Bootstrap style in HTML Declaration:</p>
  
  <pre><code> &lt;div class ="row"&gt;
      &lt;!-- add calander in this div --&gt;
      &lt;div class="container"&gt;
          &lt;div id="calendar"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>In PC Web browser this work as expected, but in android web browser won't react when I touch on calendar event boxes. </p>
  
  <p>Is there any way to make my site to recognize touch on the calendar event boxes? </p>
  
  <p>UPDATE: Drag And Drop Works when I update to latest chrome version in Android 7.0 ADB, but the event clicks and click on blank boxes to add events not work.</p>