<!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="lyz.calendar.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.5.1.js" type="text/javascript"></script>
<script src="lyz.calendar.min.js" type="text/javascript"></script>
<style>
body
{
font-size: 12px;
font-family: "微软雅黑" , "宋体" , "Arial Narrow";
}
</style>
<script>
$(function () {
$("#txtBeginDate").calendar({
controlId: "divDate", // 弹出的日期控件ID，默认: $(this).attr("id") + "Calendar"
speed: 200, // 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000),默认：200
complement: true, // 是否显示日期或年空白处的前后月的补充,默认：true
readonly: true, // 目标对象是否设为只读，默认：true
upperLimit: new Date(), // 日期上限，默认：NaN(不限制)
lowerLimit: new Date("2011/01/01"), // 日期下限，默认：NaN(不限制)
callback: function () { // 点击选择日期后的回调函数
alert("您选择的日期是：" + $("#txtBeginDate").val());
}
});
$("#txtEndDate").calendar();
});
</script>
</head>
<body>
<input id="txtBeginDate" />
<input id="txtEndDate" />
</body>
</html>
DIY仿win7日历的JS日历控件
5星 · 超过95%的资源 需积分: 10 26 浏览量
2011-05-31
15:33:44
上传
评论 6
收藏 62KB RAR 举报 
lyz.calendar.rar （6个子文件） 
lyz.calendar 
jquery-1.5.1.js 212KB lyz.calendar.min.js 12KB images 
date_bg2.png 830B date_bg.png 1KB lyz.calendar.css 5KB HTMLPage.htm 2KB
- 1
- 2
- 3
- 4
前往页