最近開發(fā)一個移動端項(xiàng)目，需要用戶選擇年月進(jìn)行操作，查找了一些資料后，發(fā)現(xiàn)使用jquery可以很方便地實(shí)現(xiàn)這個功能。

$(function(){
var currYear = (new Date()).getFullYear();
var opt={};
opt.date = {preset : 'date'};
opt.datetime = {preset : 'datetime'};
opt.time = {preset : 'time'};
opt.default = {
theme: 'android-ics light', //共有5個主題，如”default”(默認(rèn))，”android”,”android-ics”,”ios”,”jqm”。
mode: 'scroller', //設(shè)置為滑動模式
display: 'bottom', //顯示方式為彈出層
lang:'zh',
startYear:currYear - 10,
endYear:currYear + 10 //開始和結(jié)束年份
};
$("年份選擇器").mobiscroll($.extend(opt['date'], opt['default']));
$("月份選擇器").mobiscroll($.extend(opt['date'], opt['default']));
});

其中，opt是一個對象，date、datetime、time和default為它的四個屬性，分別表示日期選擇、日期時間選擇、時間選擇和默認(rèn)屬性。我們可以選擇默認(rèn)屬性來設(shè)置主題、模式、顯示方式、語言以及開始和結(jié)束年份。

最后，我們只需要在頁面中加入相應(yīng)的年份選擇器和月份選擇器，并讓jquery調(diào)用選擇器即可：

<input type="text" id="year">
<input type="text" id="month">

以上就是使用jquery選擇年月控件的簡單教程，供大家參考。