Files
2021-09-13 20:31:56 +06:00

43 lines
1.5 KiB
HTML

<!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 -- Disabled dates</title>
<script src="../src/js/jscal2.js"></script>
<script src="../src/js/lang/en.js"></script>
<link rel="stylesheet" href="../src/css/jscal2.css" />
<link rel="stylesheet" href="../src/css/border-radius.css" />
<link rel="stylesheet" href="../src/css/steel/steel.css" />
</head>
<body>
<table>
<tr>
<td style="width: 20em">
<div id="cont"></div>
</td>
</tr>
</table>
<script>//<![CDATA[
Calendar.setup({
cont : "cont",
fdow : 1,
selectionType : Calendar.SEL_MULTIPLE,
disabled : function(date) {
// disable all dates between 5 and 15 every month
return (date.getDate() >= 5 &&
date.getDate() <= 15);
},
// checkRange: true, // if you simply want to disallow selection but not display anything
checkRange : function(date, cal) {
// if you pass a function, it gets called and receives the first date that
// disallowed the selection, and the calendar object.
alert("Date " + date + " cannot be selected");
}
});
//]]></script>
</body>
</html>