Jquery ui jQuery UI日期选择器和移动设备;包装纸;

Jquery ui jQuery UI日期选择器和移动设备;包装纸;,jquery-ui,jquery-mobile,jquery-ui-datepicker,Jquery Ui,Jquery Mobile,Jquery Ui Datepicker,我已经尝试使用移动“包装器”来基于 工作代码(Wordress模板的一部分)如下所示: 标题: <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

我已经尝试使用移动“包装器”来基于

工作代码(Wordress模板的一部分)如下所示:

标题:

<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>

jQuery(文档).ready(函数(){
jQuery(“#dataStart”).datepicker({
minDate:“+2d”,
变化月:对,
变化年:是的,
日期格式:“mm/dd/yy”,
onSelect:功能(日期){
变量日期=日期。拆分('/');
var lastDate=新日期(日期[2],日期[0],0);
变量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')。日期选择器('getDate');
风险值天数=((结束-开始)/1000/60/60/24)+1;
jQuery(“#计算”).text(天);
}
});
});
开始日期:
结束日期:
当我遵循上面提供的链接中的示例时,要使其“移动友好”,datepicker jQuery UI API不能很好地工作,也不能真正做到“移动友好”。

我使用过,它可以很好地“包装”移动设备的常规jQuery UI。

datepicker(jQM)只能与jQuery mobile一起工作。“包装器”,从提供的链接,正在加载
http://code.jquery.com/jquery-1.9.1.js
不是jQM