[jQuery] 모바일에서 Datepicker 사용 시 키보드 올라오지 않게 하는 방법

모바일에서 Datepicker 사용 시 input type="text" 로 인해 키보드가 올라오게 되는 현상에 대한 대처 방법

HTML

<br/>
<!-- padding for jsfiddle -->
<div class="input-group date" id="divDate">
  <input type="text" class="form-control" id="idDate" name="idDate" required readonly="readonly" />
  <span class="input-group-addon">
    <span class="glyphicon-calendar glyphicon"></span>
  </span>
</div>

JS

$('#divDate').datetimepicker({
  format: "YYYY-MM-DD",
  ignoreReadonly: true
});

input type="text" 속성 중 readonly 속성 추가하면 input은 선택되지 않지만 datepicker 아이콘으로 달력 선택 팝업은 발생