jQuery实现的年月日期拖动选择特效源码.zip资源-CSDN文库

共11个文件

js：3个

css：3个

ttf：1个

版权申诉

jquery

4 浏览量 2022-11-07 00:22:23 上传评论收藏 153KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery实现的年月日期拖动选择特效源码.zip （11个子文件）

132689958986866672

css

bootstrap.css 138KB

fonts

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.woff2 18KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.eot 20KB

index.html 3KB

jquery.min.js 91KB

bootstrap.min.js 35KB

css.css 1KB

jquery-range

jquery.range.css 6KB

jquery.range.js 12KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery年月日期拖动旋转代码</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> <link type="text/css" rel="stylesheet" href="jquery-range/jquery.range.css" /> <link type="text/css" rel="stylesheet" href="css.css" /> </head> <body> <div class="time clearfix"> <div class="btn-group year_group fl"> <button data-toggle="dropdown" class="btn dropdown-toggle" type="button"> <span id="year">2017年</span><i class="caret"></i> </button> <ul class="dropdown-menu"> <li><a href="#">2017年</a></li> <li><a href="#">2016年</a></li> <li><a href="#">2015年</a></li> </ul> </div> <div class="btn-group mon_group fl"> <button data-toggle="dropdown" class="btn dropdown-toggle" type="button"> <span id="month">5月</span><i class="caret"></i> </button> <ul class="dropdown-menu"> <li><a href="#">1月</a></li> <li><a href="#">2月</a></li> <li><a href="#">3月</a></li> <li><a href="#">4月</a></li> <li><a href="#">5月</a></li> <li><a href="#">6月</a></li> <li><a href="#">7月</a></li> <li><a href="#">8月</a></li> <li><a href="#">9月</a></li> <li><a href="#">10月</a></li> <li><a href="#">11月</a></li> <li><a href="#">12月</a></li> </ul> </div> <div class="demo fl"> <input type="hidden" value="" class="single-slider none"> </div> </div> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="jquery-range/jquery.range.js"></script> <script type="text/javascript"> $(document).ready(function(){ // 下拉选择框 $('.dropdown-menu li').click(function(){ var txt=$(this).text(); $(this).parent().prev().find('span').eq(0).text(txt); }) changeY(); $('.dropdown-menu li').click(function(){ var name=$('a',this).text(); $(this).parents('.btn-group').find('.dropdown-toggle span').text(name); changeY(); }) function changeY(){ var year=$('#year').text().replace(/[^0-9]/ig,"") var month=$('#month').text().replace(/[^0-9]/ig,"") var days=totalDays(year, month); var dayArr=[]; for(var i=1;i<=days;i++) { dayArr.push(i+'号'); } var last=parseInt(dayArr[dayArr.length-1]); $('.demo').children().remove(); var div='<input type="hidden" value="" class="single-slider none">'; $('.demo').html(div) // $('.single-slider').jRange({ from:1, to:last, step: 1, scale: dayArr, format: '%s', width:850, showLabels: true, snap: true }); } //一个月的总天数 function totalDays(years,months){ var d = new Date(years, months, 0); return d.getDate(); } }) </script> </body> </html>

评论收藏

内容反馈

版权申诉