데이터피커 pc에서만 나오고 모바일에서는 작동이 안돼요.ㅜㅠ

안녕하세요. 모바일에서 데이터 피커를 쓰고 싶은데 pc 에서는 데이트 피커가 아래처럼 잘나옵니다.

---------------------------------------------------------------------------------------------------------------

<link rel="stylesheet" href="//code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
    
<script>
  $.datepicker.setDefaults({
    dateFormat: 'yy년mm월dd일',
    prevText: '이전 달',
    nextText: '다음 달',
    monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
    monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
    dayNames: ['일', '월', '화', '수', '목', '금', '토'],
    dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'],
    dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],
    showMonthAfterYear: true,
    yearSuffix: '년',
minDate: 0
 
  });

  $(function() {
    $("#datepicker1, #datepicker2").datepicker();
  });

</script>

  <input type="text" id="datepicker1" name="it_16" value="<?php echo get_text($it['it_16']); ?>" id="it_16" > ~
  <input type="text" id="datepicker2"  name="it_17" value="<?php echo get_text($it['it_17']); ?>" id="it_17" >

---------------------------------------------------------------------------------------------------------------

하지만, 모바일에서 같은 코드를 넣었을 때 input 모양만 있고 데이터 피커 모양이 안나타납니다.