jQuery를 UI의 날짜 선택기 및 모바일 "래퍼"

Question

나는 코드 (Wordress 템플릿의 일부를) 사용 that page

을 기반으로 jQuery를 UI의 날짜 선택기 모바일 "래퍼"를 사용하려고처럼 보이는 한 :

헤더 :

<link type="text/css" href="/css/custom-theme/jquery-ui-1.8.18.custom.css" rel="stylesheet" /> 
<script type="text/javascript" src="/js/jquery-ui-1.8.18.custom.min.js"></script> 

HTML의 일부 :

<script> 
jQuery(document).ready(function() { 
    jQuery("#dataStart").datepicker({ 

     minDate: '+2d', 
     changeMonth: true, 
     changeYear: true, 
     dateFormat: 'mm/dd/yy', 
     onSelect: function(date){ 
      var dates = date.split('/'); 
      var lastDate = new Date(dates[2], dates[0], 0); 
      var y = lastDate.getFullYear(), m = lastDate.getMonth(), d = lastDate.getDate(); 
      m = ('0'+ (m+1)).slice(-2); 

      jQuery('#dataEnd').val(m+'/'+d+'/'+y); 

      var start = jQuery('#dataStart').datepicker('getDate'); 
      jQuery('#dataEnd').datepicker({dateFormat: 'mm/dd/yy'}).datepicker('setDate', m+'/'+d+'/'+y); 
      var end = jQuery('#dataEnd').datepicker('getDate'); 
      var days = ((end - start)/1000/60/60/24)+1; 

      jQuery('#calculated').text(days);   
     } 
    }); 
}); 
</script> 
<tr> 
<td width="123" height="25" style="text-align: right;"><label for="dataStart">Start Date:</label>&nbsp;</td> 
<td align="left" valign="top" class="copy11"><input type="text" style="width: 88px;" class="datepicker" id="dataStart" size="10" name="dataStart" data-role="date" /></td> 
</tr> 
<tr> 
<td width="123" height="25" style="text-align: right;"><label for="dataEnd">End Date:</label>&nbsp;</td> 
<td align="left" valign="top" class="copy11"><input type="text" style="width: 88px;" class="end_date" id="dataEnd" size="10" name="dataEnd" value="" readonly /></td> 
</tr> 

내가 예를 들어 프랑스를 수행 할 때 옴 제공 위의 링크, "모바일 친화적 인", datepicker jQuery UI API는 잘 작동하지 않는 "모바일 친화적 인"되고 정말로되지 않습니다.

Answer 1

나는 jQuery UI Datepicker Monkey Patch을 사용했으며 모바일 장치 용 일반 jQuery UI를 잘 포장합니다.