Skip to content

Commit

Permalink
Release 1.0.0
Browse files Browse the repository at this point in the history
  • Loading branch information
Keith Wood committed May 4, 2012
0 parents commit 5e8149b
Show file tree
Hide file tree
Showing 167 changed files with 12,528 additions and 0 deletions.
Binary file added calendar-blue.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added calendar-green.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added calendar.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
53 changes: 53 additions & 0 deletions calendarsBasics.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery Calendars</title>
<style type="text/css">
</style>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.calendars.js"></script>
<script type="text/javascript" src="js/jquery.calendars.plus.js"></script>
<script type="text/javascript" src="js/jquery.calendars.julian.js"></script>
<script type="text/javascript" src="js/jquery.calendars.persian.js"></script>
<script type="text/javascript" src="js/jquery.calendars.islamic.js"></script>
<script type="text/javascript" src="js/jquery.calendars.hebrew.js"></script>
<script type="text/javascript" src="js/jquery.calendars.mayan.js"></script>
<script type="text/javascript">
var calendar;

$(function() {
$('#calendar').change(function() {
calendar = $.calendars.instance($(this).val());
$('#default').text(calendar.local.dateFormat);
}).change();
$('#check').click(function() {
try {
var date = calendar.parseDate('', $('#input').val());
$('#output').val(calendar.formatDate($('#format').val(), date));
}
catch (e) {
alert(e);
}
});
});
</script>
</head>
<body>
<h1>jQuery Calendars</h1>
<p>This page demonstrates the very basics of the
<a href="http://keith-wood.name/calendars.html">jQuery Calendars plugin</a>.
It contains the minimum requirements for using the plugin and
can be used as the basis for your own experimentation.</p>
<p>For more detail see the <a href="http://keith-wood.name/calendarsRef.html">documentation reference</a> page.</p>
<p>Select a calendar: <select id="calendar">
<option value="gregorian">Gregorian</option><option value="julian">Julian</option>
<option value="persian">Persian</option><option value="islamic">Islamic</option>
<option value="hebrew">Hebrew</option><option value="mayan">Mayan</option></select></p>
<p>Enter a date: <input type="text" id="input" value="01/26/2009"> (<span id="default"></span>)</p>
<p>Check and format: <input type="text" id="format" value="DD, MM d, yyyy">
<button type="button" id="check">Format</button></p>
<p>Result: <input type="text" id="output" size="40" readonly></p>
</body>
</html>
41 changes: 41 additions & 0 deletions calendarsPickerBasics.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery Calendars Datepicker</title>
<style type="text/css">
@import "css/jquery.calendars.picker.css";
/* Or use these for a ThemeRoller theme
@import "themes16/southstreet/ui.all.css";
@import "css/ui-southstreet.datepick.css";
*/
</style>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.calendars.js"></script>
<script type="text/javascript" src="js/jquery.calendars.plus.js"></script>
<script type="text/javascript" src="js/jquery.calendars.picker.js"></script>
<script type="text/javascript">
$(function() {
// $.calendars.picker.setDefaults({renderer: $.calendars.picker.themerollerRenderer}); // Requires jquery.calendars.picker.ext.js
$('#popupDatepicker').calendarsPicker();
$('#inlineDatepicker').calendarsPicker({onSelect: showDate});
});

function showDate(date) {
alert('The date chosen is ' + date);
}
</script>
</head>
<body>
<h1>jQuery Calendars Datepicker</h1>
<p>This page demonstrates the very basics of the
<a href="http://keith-wood.name/calendarsPicker.html">jQuery Calendars Datepicker plugin</a>.
It contains the minimum requirements for using the plugin and
can be used as the basis for your own experimentation.</p>
<p>For more detail see the <a href="http://keith-wood.name/calendarsPickerRef.html">documentation reference</a> page.</p>
<p>A popup datepicker <input type="text" id="popupDatepicker"></p>
<p>Or inline</p>
<div id="inlineDatepicker"></div>
</body>
</html>
172 changes: 172 additions & 0 deletions flora.calendars.picker.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,172 @@
/* Flora styling for jQuery Calendars Picker v1.0.0. */
.calendars {
background-color: #e0f4d7;
color: #000;
border: 1px solid #ff9900;
font-family: Arial,Helvetica,Sans-serif;
font-size: 90%;
}
.calendars-rtl {
direction: rtl;
}
.calendars-popup {
z-index: 1000;
}
.calendars-disable {
position: absolute;
z-index: 100;
background-color: white;
opacity: 0.5;
filter: alpha(opacity=50);
}
.calendars a {
color: #000;
text-decoration: none;
}
.calendars a.calendars-disabled {
color: #888;
cursor: auto;
}
.calendars-nav, .calendars-ctrl {
float: left;
width: 100%;
font-size: 90%;
font-weight: bold;
}
.calendars-ctrl {
background-color: #ff9900;
}
.calendars-cmd {
width: 30%;
}
.calendars-cmd-prevJump, .calendars-cmd-nextJump {
width: 8%;
}
a.calendars-cmd {
height: 1.5em;
}
button.calendars-cmd {
text-align: center;
}
.calendars-cmd-prev, .calendars-cmd-prevJump, .calendars-cmd-clear {
float: left;
padding-left: 2%;
}
.calendars-cmd-current, .calendars-cmd-today {
float: left;
width: 35%;
text-align: center;
}
.calendars-cmd-next, .calendars-cmd-nextJump, .calendars-cmd-close {
float: right;
padding-right: 2%;
text-align: right;
}
.calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump,
.calendars-rtl .calendars-cmd-clear {
float: right;
padding-left: 0%;
padding-right: 2%;
text-align: right;
}
.calendars-rtl .calendars-cmd-current, .calendars-rtl .calendars-cmd-today {
float: right;
}
.calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump,
.calendars-rtl .calendars-cmd-close {
float: left;
padding-left: 2%;
padding-right: 0%;
text-align: left;
}
.calendars-month-row {
clear: left;
}
.calendars-month {
float: left;
width: 15em;
border: 1px solid #83C948;
text-align: center;
}
.calendars-month-header, .calendars-month-header select, .calendars-month-header input {
height: 1.5em;
background-color: #83C948;
color: #fff;
font-weight: bold;
}
.calendars-month-header select, .calendars-month-header input {
height: 1.4em;
border: none;
}
.calendars-month-header input {
position: absolute;
display: none;
}
.calendars-month table {
width: 100%;
border-collapse: collapse;
}
.calendars-month th, .calendars-month td {
margin: 0em;
padding: 0em;
font-weight: normal;
text-align: center;
}
.calendars-month th {
border: 1px solid #b1db87;
}
.calendars-month th, .calendars-month th a {
background-color: #b1db87;
}
.calendars-month td {
background-color: #fff;
border: 1px solid #b1db87;
}
.calendars-month td.calendars-week a,
.calendars-month td.calendars-week span {
background-color: #b1db87;
color: #000;
}
.calendars-month a {
display: block;
padding: 0.125em 0em;
}
.calendars-month span {
display: block;
padding: 0.125em 0em;
}
.calendars-month td span {
color: #888;
}
.calendars-month td .calendars-other-month {
background-color: #e0f4d7;
}
.calendars-month td .calendars-weekend {
background-color: #e0f4d7;
}
.calendars-month td .calendars-today {
background-color: #b1db87;
}
.calendars-month td .calendars-highlight {
background-color: #ffcc88;
}
.calendars-month td .calendars-selected {
background-color: #ff9900;
}
.calendars-status {
text-align: center;
}
.calendars-clear-fix {
clear: both;
}
.calendars-cover {
display: none;
display/**/: block;
position: absolute;
z-index: -1;
filter: mask();
top: -1px;
left: -1px;
width: 100px;
height: 100px;
}
Loading

0 comments on commit 5e8149b

Please sign in to comment.