基于jQuery实现选取月份插件附源码下载,jquery源码下载

基于jQuery完成选用月份插件附源码下载,jquery源码下载

www.6766.com ,那是一个依照jQuery的能够筛选年份和月份的月度拾取插件,你能够设置点击页面上的狂妄成分触发弹出时间筛选面板,能够是多少个链接也能够是叁个输入框,广泛应用于月份查询,而无需安装select表单。

www.6766.com 1

成效显示        源码下载  

HTML

先是将monthpicker插件相关的css和js文件载入,咱们能够到源码下载里下载css和js文件。

<link rel="stylesheet" type="text/css" href="jquery.monthpicker.css"> 
<script src="jquery.js"></script> 
<script src="jquery.monthpicker.js"></script> 

下一场在要放置时间的职位参预如下代码,可以是输入框能够是链接等任性HTML元素。

<a href="#monthpicker" id="monthpicker"></a> 
<input type="text" class="input" id="monthly"> 

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来收获最好视觉效果。

你或然感兴趣的稿子:

  • 用jquery实现的效仿QQ邮箱里的收件人接收及别的功效(生机勃勃卡塔尔
  • jQuery Jcrop插件达成图片采纳功用
  • jquery slibings选择同等级的因素的贯彻代码
  • jQuery+jRange完结滑动选取数值范围特效
  • jQuery插件slider达成拖动滑块采取价格节制
  • jQuery达成的数值范围range2dslider选拔插件特效多款代码分享

那是贰个依照jQuery的能够选取年份和月份的月度拾取插件,你能够安装点击页面上的…

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图