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

[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
});

 

 

출처: https://sshbug.tistory.com/230 [SsonG's]