jquery datedropper滑动日期时间选择动画效果代码
代码语言:html
所属分类:选择器
代码描述:jquery datedropper滑动日期时间选择动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/datedropper.css"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.17.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/datedropper.min.js"></script> <script type="text/javascript"> $(function() { $('#init').dateDropper({ color: '#f87a54', animation: 'dropdown', placeholder: 'TEXT FIELD' }); $('#demo1').dateDropper({ color: '#f87a54', animation: 'dropdown', placeholder: 'Birthday', lock: 'to' }); $('#demo2').dateDropper({ lang: 'it', placeholder: 'Scegli il giorno', format: 'd-m-y', minYear: 2014, maxYear: 2020, color: '#fad763', animate_current: false, lock: 'from', years_multiple: 2 }); $('#demo3').dateDropper({ format: 'm', placeholder: 'mm', color: '#66c8ba', animation: 'bounce', lang: 'fr' }); $('#demo4').dateDropper({ format: 'Y', minYear: 2010, maxYear: 2030, placeholder: 'yyyy', color: '#66c8ba', animation: 'bounce' }); $('#color1').dateDropper({ bgColor: '#faf7f4',.........完整代码请登录后点击上方下载按钮下载查看
网友评论0