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>