这是一个基于jQuery的月份挑选插件，可以选择年份和月份。您可以在页面上设置任何元素来触发弹出的月份和月份选择面板，该面板可以是链接或输入框。在不设置选择表单的月份查询中广泛使用。

下载效果显示源代码。

超文本标记语言

首先，加载与monthpicker插件相关的css和js文件。你可以在源代码下载中下载css和js文件。

Link rel='样式表' type=' text/CSS ' href=' jquery . monthpicker . CSS ' script src=' http : jquery . js '/script script src=' http 3360 jquery . monthpicker . js '/script然后在要放置年和月的位置添加以下代码，可以是任何输入框或链接。

a href=' # monthpicker ' id=' monthpicker '/a输入类型=' text ' class=' input ' id=' monthly ' jQuery

接下来很简单，我们来调用这个插件。

$(function(){ $('#monthpicker '))。monthpicker({ years: [2015，2014，2013，2012，2011]，topOffset: 6，on month select3360 function(m，y) { console.log('Month: ' m '，year : ' y)；} });$('#monthly ')。monthpicker({ years: [2015，2014，2013，2012，2011]，topoffset : 6 })})；从代码中可以看出，参数years为数组，可以设置年份，参数topOffset为触发弹出的面板与当前元素的偏移距离。OnMonthSelect是选择月份后的回调函数。现在运行网页，点击链接或输入框，会弹出月份和年份选择面板。选择后，面板将消失，所选的月份和年份将显示在链接或输入框上。至于弹出面板中的月份样式，可以在jquery.monthpicker.css中修改css，以获得最佳的视觉效果。