使用http://code.google.com/p/mobiscroll/
点击设置或取消后,它离开模糊的领域,不允许再次启动。如果我选择另一个字段,那么这个字段仍然有效。
<link rel="stylesheet" href="/public/datepicker/jquery.scroller-1.0.1.min.css">
<script src="/public/datepicker/jquery.scroller-1.0.1.min.js"></script>
<script>
$(document).ready(function () {
var currentYear = (new Date).getFullYear();
$('.date').scroller({
startYear : currentYear - 70,
endYear : currentYear - 18
});
});
</script>
字段:
<div id="inputField">
<input type="text" name="person[dob]" class="textEntry date" value="<%= @person.dob %>" "<%= placeholder( 'Your Birthday - 1/1/1900' ) %>" />
</div>
据我所知,这个问题只发生在jQuery Mobile beta 1中。但是mobisroll -1.0.2提供了一个修复。试一试http://code.google.com/p/mobiscroll/downloads/detail?name=mobiscroll-1.0.2.zip