igor/Metadata_PHP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Первая копия

Browse Source
This commit is contained in:
Igor
2020-02-27 00:28:43 +06:00
commit 925cac4752
1125 changed files with 198979 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
metadata/include/jscalendar/demo/populateFields.html Normal file
View File

@ -0,0 +1,63 @@
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Dynarch Calendar -- Populate fields</title>
<script src="../src/js/jscal2.js"></script>
<script src="../src/js/lang/en.js"></script>
<link rel="stylesheet" type="text/css" href="../src/css/jscal2.css" />
<link rel="stylesheet" type="text/css" href="../src/css/border-radius.css" />
<link rel="stylesheet" type="text/css" href="../src/css/steel/steel.css" />
</head>
<body>
<p>
The following sample shows you how you can populate some input fields
based on the selection in the calendar. The fields are visible here,
but you can add type="hidden" to make them hidden — they will still be
submitted along with the form.
</p>
<form>
<table>
<tr>
<td colspan="4" id="cont"></td>
</tr>
<tr>
<td>
<input style="text-align: center" readonly="true" name="date" id="f_date" size="14" />
</td>
<td>
<input style="text-align: center" readonly="true" name="hour" id="f_hour" size="2" />
</td>
<td>:</td>
<td>
<input style="text-align: center" readonly="true" name="minute" id="f_minute" size="2" />
</td>
</tr>
</table>
</form>
<script type="text/javascript">//<![CDATA[
// this handler is designed to work both for onSelect and onTimeChange
// events. It updates the input fields according to what's selected in
// the calendar.
function updateFields(cal) {
var date = cal.selection.get();
if (date) {
date = Calendar.intToDate(date);
document.getElementById("f_date").value = Calendar.printDate(date, "%Y-%m-%d");
}
document.getElementById("f_hour").value = cal.getHours();
document.getElementById("f_minute").value = cal.getMinutes();
};
Calendar.setup({
cont : "cont",
showTime : 12,
onSelect : updateFields,
onTimeChange : updateFields
});
//]]></script>
</body>
</html>