绿色简单的jQuery日历插件代码

来源:https://www.sucaihuo.com/js/2045.html 2017-05-27 18:35浏览(749) 收藏

绿色简单的jQuery日历插件代码,简易网页日期日历js特效。
绿色简单的jQuery日历插件代码
分类:日期时间 > 日历 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="js/jquery.js"></script>
<script src="js/calendar.js"></script>
<script>
    $('#ca').calendar({
        width: 380,
        height: 320,
        data: [
            {
                date: '2017/12/24',
                value: 'Christmas Eve'
            },
            {
                date: '2017/12/25',
                value: 'Merry Christmas'
            },
            {
                date: '2017/01/01',
                value: 'Happy New Year'
            }
        ],
        onSelected: function (view, date, data) {
            console.log('view:' + view)
            alert('date:' + date)
            console.log('data:' + (data || 'None'));
        }
    });

    $('#dd').calendar({
        trigger: '#dt',
        zIndex: 999,
        format: 'yyyy-mm-dd',
        onSelected: function (view, date, data) {
            console.log('event: onSelected')
        },
        onClose: function (view, date, data) {
            console.log('event: onClose')
            console.log('view:' + view)
            console.log('date:' + date)
            console.log('data:' + (data || 'None'));
        }
    });
</script>
标签: 日期日历
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2