Файл: Jalendar2/jalendar-range-demo.html
Строк: 53
<?php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Jalendar Range</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();
$('#myCalendar').jalendar({
lang: 'ES',
type: 'range',
color: '#52D3D5',
color2: '#52D5A4',
selectingBeforeToday: true,
done: function() {
// #your-id input.data1 is selected day data1
// #your-id input.data2 is selected day data2
alert($('#myCalendar input.data1').val() + ' — ' + $('#myCalendar input.data2').val())
}
});
$('#myCalendarInput').jalendar({ type: 'range' });
});
</script>
<!-- this area just for demo -->
<style>
h1 {
font: 26px 'Helvetica Neue', 'Arial', sans-serif;
}
.text-center {
text-align: center;
}
</style>
<!-- this area just for demo #end -->
</head>
<body>
<div class="text-center">
<h1>Jalendar Range</h1>
<div id="myCalendar" class="jalendar"></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>
?>