jalendar实现日历标注及单选多选效果代码

代码语言:html

所属分类:选择器

代码描述:jalendar实现日历标注及单选多选效果代码

代码标签: jalendar 日历 标注 单选 多选

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.4.3.1.min.css">
    <!-- Jalendar files -->
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/jalendar.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jalendar.min.js"></script>

    <!-- Jalendar files #end -->
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/highlight.9.9.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/highlight.9.9.js"></script>

    <script type="text/javascript">
        $(function() {
            hljs.initHighlightingOnLoad();
            $('#yourId').jalendar({
                customDay: '11/01/2015',
                color: '#577e9a',
                color2: '#57c8bf',
                lang: 'TR'
            });
            $('#yourId2').jalendar({
                color: '#fff',
                type: 'linker',
                customUrl: 'http://www.bootstrap.com/?var=',
                dateType: 'mm-dd-yyyy',
                titleColor: '#33.........完整代码请登录后点击上方下载按钮下载查看

网友评论0