Вход Регистрация
Файл: Jalendar2/jalendar-event-demo.html
Строк: 47
<?php
<!DOCTYPE html>
<
html lang="en">
<
head>
    <
meta charset="UTF-8">
    <
title>Jalendar Event</title>

    <
script type="text/javascript" src="js/jquery-1.11.3.min.js"></script><!--jQuery-->

    <!-- 
Jalendar files -->
    <
link rel="stylesheet" href="style/jalendar.css" type="text/css" />
    <
script type="text/javascript" src="js/jalendar.min.js"></script>
    <!-- 
Jalendar files #end -->

    
<script>
    $(function(){

        $(
'#myCalendar').jalendar({
            
color'#52D3D5',
            
color2'#52D5A4',
            
lang'TR',
            
sundayStarttrue
        
});

        $(
'#myCalendarInput').jalendar();
    });
    </
script>

    <!-- 
this area just for demo -->
    <
style>
    
h1 {
        
font26px 'Helvetica Neue''Arial'sans-serif;
    }
    .
text-center {
        
text-aligncenter;
    }
    </
style>
    <!-- 
this area just for demo #end -->

</head>
<
body>

    <
div class="text-center">

        <
h1>Jalendar Event (Sunday Start)</h1>
        
        <
div id="myCalendar" class="jalendar">
            <!-- 
event list available without type parameter -->
            <
div class="added-event" data-link="http://google.com" data-date="30-1-2016" data-title="Jalendar is ready for sale"></div>
            <
div class="added-event" data-date="4-12-2015" data-title="Big event for big day"></div>
        </
div>

        <
br><br><br>

        <
div class="jalendar-input">
            <
input type="text" readonly placeholder="Select Date" />
            <
div id="myCalendarInput" class="jalendar"></div>
        </
div>

    </
div>
    
</
body>
</
html>
?>
Онлайн: 1
Реклама