1 |
552
|
thorn
|
The DHTML Calendar
|
2 |
|
|
-------------------
|
3 |
|
|
|
4 |
|
|
Author: Mihai Bazon, <mihai_bazon@yahoo.com>
|
5 |
|
|
http://dynarch.com/mishoo/
|
6 |
|
|
|
7 |
|
|
This program is free software published under the
|
8 |
|
|
terms of the GNU Lesser General Public License.
|
9 |
|
|
|
10 |
|
|
For the entire license text please refer to
|
11 |
|
|
http://www.gnu.org/licenses/lgpl.html
|
12 |
|
|
|
13 |
|
|
Contents
|
14 |
|
|
---------
|
15 |
|
|
|
16 |
|
|
calendar.js -- the main program file
|
17 |
|
|
lang/*.js -- internalization files
|
18 |
|
|
*.css -- color themes
|
19 |
|
|
cal.html -- example usage file
|
20 |
|
|
doc/ -- documentation, in PDF and HTML
|
21 |
|
|
simple-1.html -- quick setup examples [popup calendars]
|
22 |
|
|
simple-2.html -- quick setup example for flat calendar
|
23 |
|
|
calendar.php -- PHP wrapper
|
24 |
|
|
test.php -- test file for the PHP wrapper
|
25 |
|
|
|
26 |
|
|
Homepage
|
27 |
|
|
---------
|
28 |
|
|
|
29 |
|
|
For details and latest versions please refer to calendar
|
30 |
|
|
homepage, located on my website:
|
31 |
|
|
|
32 |
|
|
http://dynarch.com/mishoo/calendar.epl
|
33 |
|
|
|
34 |
571
|
thorn
|
|
35 |
|
|
How to use
|
36 |
|
|
-----------
|
37 |
|
|
|
38 |
|
|
1. enter this code somewhere _above_ the form
|
39 |
|
|
you can overwrite some vars as descripted below
|
40 |
|
|
--cut-PHP----------------------------------------------------
|
41 |
|
|
// include jscalendar-setup
|
42 |
|
|
$jscal_use_time = false; // whether to use a clock, too
|
43 |
|
|
require_once(WB_PATH."/include/jscalendar/wb-setup.php");
|
44 |
|
|
// override some vars: (normally, there is no need to change this)
|
45 |
|
|
//$jscal_lang = "en"; //- calendar-language (default: wb-backend-language)
|
46 |
|
|
//$jscal_today = ""; // - date the calendar offers if the text-field is empty (default: today)
|
47 |
|
|
//$jscal_firstday = "0"; // - first-day-of-week (0-sunday, 1-monday, ...) (default: 0(EN) or 1(everything else))
|
48 |
|
|
//$jscal_format = "Y-m-d"; // - initial-format used for the text-field (default: from wb-backend-date-format)
|
49 |
|
|
//$jscal_ifformat = "%Y-%m-%d"; // - format for jscalendar (default: from wb-backend-date-format)
|
50 |
|
|
----------------------------------------------------------
|
51 |
|
|
|
52 |
|
|
|
53 |
|
|
2. enter this code within your form
|
54 |
|
|
$date holds the entered date as timestamp
|
55 |
|
|
the field is called "my_date_field"
|
56 |
|
|
the calender-trigger is called "my_date_trigger"
|
57 |
|
|
--cut-HTML---------------------------------------------------
|
58 |
|
|
<input type="text" id="my_date_field" name="my_date_field" value="<?php if($date==0) print ""; else print date($jscal_format, $date)?>" style="width: 120px;" />
|
59 |
|
|
<img src="<?php echo WB_URL ?>/include/jscalendar/img.gif" id="my_date_trigger" style="cursor: pointer; border: 1px solid red;" title="Calendar" onmouseover="this.style.background='red';" onmouseout="this.style.background=''" />
|
60 |
|
|
----------------------------------------------------------
|
61 |
|
|
|
62 |
|
|
|
63 |
|
|
3. enter this code _below_ the form
|
64 |
|
|
to store the result as timestamp, you have to use range : [1970, 2037],
|
65 |
|
|
--cut-HTML---------------------------------------------------
|
66 |
|
|
<script type="text/javascript">
|
67 |
|
|
Calendar.setup(
|
68 |
|
|
{
|
69 |
|
|
inputField : "my_date_field",
|
70 |
|
|
ifFormat : "<?php echo $jscal_ifformat ?>",
|
71 |
|
|
button : "my_date_trigger",
|
72 |
|
|
firstDay : <?php echo $jscal_firstday ?>,
|
73 |
|
|
<?php if(isset($jscal_use_time) && $jscal_use_time==TRUE) { ?>
|
74 |
|
|
showsTime : "true",
|
75 |
|
|
timeFormat : "24",
|
76 |
|
|
<?php } ?>
|
77 |
|
|
date : "<?php echo $jscal_today ?>",
|
78 |
|
|
range : [1970, 2037],
|
79 |
|
|
step : 1
|
80 |
|
|
}
|
81 |
|
|
);
|
82 |
|
|
</script>
|
83 |
|
|
----------------------------------------------------------
|