|
1
|
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
|
|
|
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
|
----------------------------------------------------------
|
|
84
|
|