mobiscroll timepicker功能

你好，我是新来的mobiscroll演示，我想弄清楚它们是如何工作的。为了练习，我只是想让他们的时间选择器工作，但我有一些问题。如果有人能够在代码中向我指出问题，我将不胜感激。mobiscroll timepicker功能

<html> 
<head> 

<script src="jqmobi.js"></script> 


<script text/javascript> 
$(function(){ 
    $('#i').scroller({ 
     preset: 'time', 
     theme: 'ios', 
     display: 'bottom', 
     mode: 'scroller' 
    });  

    $('#show').click(function(){ 
     $('#i').scroller('show'); 
     return false; 
    }); 
    $('#clear').click(function() { 
     $('#i').val(''); 
     return false; 
    }); 
}); 

</script> 

</head> 

<body> 
<input id="i" name="i" /> 


<a href="#" id="show" class="btn">Show</a> 
<a href="#" id="clear" class="btn">Clear</a> 
</body>

来源

2012-12-04 eve007

你有没有在控制台中的错误？也许那些说'$没有定义'的东西？如果是这样，这意味着你已经省略了jQuery引用（看起来可能），所以你需要添加''在mobiscroll脚本之前。 –

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<link href="http://cdn-dev.aldu.net/jquery.mobiscroll/latest/jquery.mobiscroll.min.css" rel="stylesheet" type="text/css" /> 
<script src="http://cdn-dev.aldu.net/jquery.mobiscroll/latest/jquery.mobiscroll.min.js" type="text/javascript"></script> 
<script type="text/javascript" charset="utf-8"> 
$(function(){ 
    $('#i').scroller({ 
     preset: 'time', 
     theme: 'ios', 
     display: 'bottom', 
     mode: 'scroller' 
    });  

    $('#show').click(function(){ 
     $('#i').scroller('show'); 
     return false; 
    }); 
    $('#clear').click(function() { 
     $('#i').val(''); 
     return false; 
    }); 
}); 
    </script> 
    </head> 
    <body> 
<input id="i" name="i" /> 
<a href="#" id="show" class="btn">Show</a> 
<a href="#" id="clear" class="btn">Clear</a> 
</body> 
</html>

我想你失踪的mobiscroll JavaScript和CSS库。

我已经实现了上面的代码here

我用从this site的CSS和JS mobiscroll作为 CDN

请继续通过他们的教程从mobiscroll blog

来源

2013-04-25 14:53:16

mobiscroll timepicker功能

回答

相关问题