html 月份选择,jQuery选取月份插件

HTML

首先将monthpicker插件相关的css和js文件载入,大家可以到源码下载里下载css和js文件。

然后在要放置年月的位置加入如下代码,可以是输入框可以是链接等任意HTML元素。

jQuery

接下来很简单,我们来调用插件。

$(function(){

$('#monthpicker').monthpicker({

years: [2015, 2014, 2013, 2012, 2011],

topOffset: 6,

onMonthSelect: 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来获取最佳视觉效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值