<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
</title>
<link href="jCalendar/JCalendar.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#divCalendar1 {
left:10px !important; /* Firefox 等其他浏览器 */
left:10px; /* IE6 */
position:absolute ;
z-index:99;
top:40px !important;
top:35px;
overflow:visible;width:10px;display:none
}
*+html #divCalendar1 {
left:10px !important; /* IE7 */
top:35px !important;
}
#divCalendar1:nth-of-type(1){
left:100px !important;
top:40px !important;
}
</style>
<script src="jquery.js" type="text/javascript"></script>
<script src="jCalendar/JQuery.jCalendar.js"></script>
<script language="javascript" type="text/javascript">
var calendar1;
var input1;
function initCalendar() {
input1 = $("#txt1");
input1.attr("readonly", true);
var callBack1 = function(text) {
input1.val(text);
calendar1.hide('fast');
}
calendar1 = $("#divCalendar1").jCalender({ CallBack: callBack1 });
input1.click(
function() {
calendar1.show();
return false;
});
}
$(document).ready(function() {
initCalendar();
});
</script>
<body>
<input type="text" id="txt1" style="width:90px;" />
<div id="divCalendar1" >
</div>
</body>
</html>
jCalendar.zip （12个子文件） 
jCalendar 
glass-bg.gif 873B
JQuery.jCalendar.js 16KB btn-sprite.gif 1KB down-btn.gif 878B left-btn.gif 915B tool-sprites.gif 4KB Thumbs.db 13KB hd-sprite.gif 1KB JCalendar.css 4KB right-btn.gif 914B jquery.js 92KB
index.html 2KB资源评论
he0372013-04-13比较的详细，看过之后我问题已经解决了
