You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
892 B
38 lines
892 B
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>FlexoCalendar</title> |
|
|
|
<link rel="stylesheet" href="css/FlexoCalendar.css"> |
|
|
|
<script type="text/javascript" src="js/jquery.js"></script> |
|
<script type="text/javascript" src="js/FlexoCalendar.js"></script> |
|
|
|
</head> |
|
<body style="background:#f5f5f5;"> |
|
|
|
<div class="calendar-wrapper"> |
|
<div id="calendar"></div> |
|
</div> |
|
<div class="calendar-wrapper"> |
|
<div id="calendar-weekly"></div> |
|
</div> |
|
<div class="calendar-wrapper"> |
|
<div id="calendar-monthly"></div> |
|
</div> |
|
|
|
|
|
<script type="text/javascript"> |
|
$("#calendar").flexoCalendar({setYear:2015,setMonth:4, selectDate: 'each-each-each'}); |
|
$("#calendar-weekly").flexoCalendar({type:'weekly',today:false}); |
|
$("#calendar-monthly").flexoCalendar({ |
|
type: 'monthly', |
|
onselect: function(date){ |
|
console.log(date) |
|
} |
|
}); |
|
</script> |
|
|
|
</body> |
|
</html>
|
|
|