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