width: 4em;
}
.calendar .combo .hilite {
background: url("hover-bg.gif"); color: #000;
}
.calendar .combo .active {
background: url("active-bg.gif"); color: #fff;
font-weight: bold;
}
.calendar td.time {
border-top: 1px solid #797979;
padding: 1px 0px;
text-align: center;
background: url("dark-bg.gif");
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 5px 0px 6px;
font-weight: bold;
background: url("normal-bg.gif"); color: #000;
}
.calendar td.time .hour,
.calendar td.time .minute {
font-family: monospace;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
background: url("hover-bg.gif"); color: #000;
}
.calendar td.time span.active {
background: url("active-bg.gif"); color: #fff;
}
</style>
</head>
<body>
<form name="form1" action="?" method="post">
<table>
<?php
function disp_js_calendar($button_id, $output_id)
{
/* == sample & description ==
inputField : "birthday", // the ID of input field which you want to put "date" data, not NAME
ifFormat : "%Y-%m-%d", // Date Format
showsTime : false, // also show time ?
button : "BTN", // button's ID, not NAME
singleClick : true, // how to start this function ? Single-click or Double-click
step : 1 // the interval of last year and next year
*/
echo '<script type="text/javascript">
Calendar.setup({
inputField : "'.$output_id.'",
ifFormat : "%Y-%m-%d",
showsTime : false,
button : "'.$button_id.'",
singleClick : true,
step : 1
});
</script>';
}
echo '<tr><th class="header">Date:</th>
<td><input type="text" name="src_date" value="'.$_POST['src_date'].'">
<input type="button" id="BTN" value="">';
disp_js_calendar("BTN", "src_date");
echo '</td></tr>';
?>
</table>
</body>
</html>
