1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124
|
<script type="text/javascript">//<![CDATA[
Calendar.setup({
cont : "calendar-container",
weekNumbers : true,
selectionType : Calendar.SEL_MULTIPLE,
selection : Calendar.dateToInt(new Date()),
showTime : 12,
onSelect : function() {
var count = this.selection.countDays();
if (count == 1) {
var date = this.selection.get()[0];
date = Calendar.intToDate(date);
date = Calendar.printDate(date, "%A, %B %d, %Y");
$("calendar-info").innerHTML = date;
} else {
$("calendar-info").innerHTML = Calendar.formatString(
"${count:no date|one date|two dates|# dates} selected",
{ count: count }
);
}
},
onTimeChange : function(cal) {
var h = cal.getHours(), m = cal.getMinutes();
// zero-pad them
if (h < 10) h = "0" + h;
if (m < 10) m = "0" + m;
$("calendar-info").innerHTML = Calendar.formatString("Time changed to ${hh}:${mm}", {
hh: h,
mm: m
});
}
});
//]]></script>
<table style="float: left; margin: 0 1em 1em 0"><tr><td>
<!-- element that will contain the calendar -->
<div id="calendar-container">
<tr>
<td class="label">
<label for="f_rangeStart">Debut : </label>
</td>
<td>
<!--<form method="POST">-->
<input id="f_rangeStart" name="f_rangeStart" value="2010-02-01"/>
<!--<input type="submit" value="valider" /> -->
<!--</form> </td><td>-->
<button id="f_rangeStart_trigger">...</button>
<button id="f_clearRangeStart" onclick="clearRangeStart()">effacer</button>
<script type="text/javascript">
new Calendar({
inputField: "f_rangeStart",
dateFormat: "%Y-%m-%d",
trigger: "f_rangeStart_trigger",
bottomBar: true,
onSelect: function() {
var date = Calendar.intToDate(this.selection.get());
LEFT_CAL.args.min = date;
LEFT_CAL.redraw();
this.hide();
}
});
function clearRangeStart() {
document.getElementById("f_rangeStart").value = "";
LEFT_CAL.args.min = null;
LEFT_CAL.redraw();
};
</script>
</td>
</tr>
<tr>
<td class="label">
<label for="f_rangeEnd">Fin : </label>
</td>
<td>
<!--<form method="POST">-->
<input id="f_rangeEnd" name="f_rangeEnd" value=""/>
<!--<input type="submit" value="valider" /> -->
<!--</form> </td><td>-->
<button id="f_rangeEnd_trigger">...</button>
<button id="f_clearRangeEnd" onclick="clearRangeEnd()">effacer</button>
<script type="text/javascript">
new Calendar({
inputField: "f_rangeEnd",
dateFormat: "%Y-%m-%d",
trigger: "f_rangeEnd_trigger",
bottomBar: true,
onSelect: function() {
var date = Calendar.intToDate(this.selection.get());
LEFT_CAL.args.min = date;
LEFT_CAL.redraw();
this.hide();
}
});
function clearRangeEnd() {
document.getElementById("f_rangeEnd").value = "";
LEFT_CAL.args.min = null;
LEFT_CAL.redraw();
};
</script>
</td>
</tr>
<tr>
<td>
<script type="text/javascript">
function readDate(){
var fin = document.getElementById("f_rangeEnd");
var debut = document.getElementById("f_rangeStart");
top.document.location = "index.php?page=lapagequivabien&d="+debut.value+"&f="+fin.value;
}
</script>
<input type="button" onclick="readDate()" value="OK">
</td>
</tr>
</div> |
Partager