首页 >

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

web前端|js教程基于jQuery实现选取月份插件附源码下载【jquery】
jquery选取,jquery月份插件
web前端-js教程
这是一个基于jQuery的可以选择年份和月份的月份拾取插件,你可以设置点击页面上的任意元素触发弹出年月选择面板,可以是一个链接也可以是一个输入框,广泛应用于月份查询,而无需设置select表单。
android电子书源码,vscode acm,ubuntu光标闪烁,tomcat一段时间后卡顿,sqlite json字段,web服务器虚拟站点,jquery 判断浏览器插件,vue框架前端开发,小爬虫三年级,php相册管理系统,道心seo,稻壳企业网站模板,网页导航条源码下载,win8 风格网站模板,微信公众平台页面设计特效集锦,java web 学校管理系统,matlab边缘检测程序lzw
go 库源码安装包,vscode 为啥不提示代码,ubuntu 添加环境,tomcat长期支持版本,刷视频爬虫,php 字符串回车换行,如何制定企业seo优化计划,音乐动漫网站源码,zencart 食品模板lzw
效果展示 源码下载
仿 纷享销客 源码,ubuntu查找所有文件,python爬虫人脸识别,php调用php的接口,我刷seolzw
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来获取最佳视觉效果。


  • 暂无相关文章