jquery日历插件

最新推荐文章于 2024-05-01 15:00:00 发布

置顶 __GYT

最新推荐文章于 2024-05-01 15:00:00 发布

阅读量1.4k

点赞数

文章标签： jquery javascript 日历 stylesheet xhtml function

本文链接：https://blog.csdn.net/Oo__YAN/article/details/7408890

版权

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery日历插件</title>

<script language="javascript" type="text/jscript" src="./js/jquery-1.7.1.min.js" /></script>

<script language="javascript" type="text/jscript" src="./js/jquery-ui-1.8.18.custom.min.js" /></script>

<script language="javascript" type="text/jscript" src="./js/jquery.ui.datepicker-zh-CN.js" /></script>
<link rel="stylesheet" href="./css/jquery-ui-1.8.18.custom.css" />

<script type="text/javascript" language="javascript">


$(function (){
	
	$("#startTime,#endTime").datepicker({
		
		altField:"#actualDate",
		altFormat:"DD,d MM,YY",
		autoSize:false,		//自动调整大小  改变输入框的大小	
		changeMonth:true, 	//如果为true，弹出月的下拉菜单
		changeYear:true,	//如果为true，弹出年的下拉菜单当前年份的前后各10年
		dateFormat:"yy-mm-dd", //文本框中的时间格式
		defaultDate:+1,		//默认日期，用+  - 计算相对于当前日期计算
		showWeek:true,		//显示当前年的周数
		firstDay:1,			//当前年份开始的第一天
		showOn:"both",		//弹出日历的效果
		showAnim:"toggle",	//弹出日历动画
		prevText:"上一月",	//提示
		nextText:"下一月"	,	//提示
		yearRange:"c-5:c+5", //年份的前后取值范围
		
		//minDate:1,   //最小时间
		//maxDate:25	//最大时间
		
		/*
		  结束日期的最小值必须大于等于  开始日期的最大值
		*/
		
		
		
	});


});
</script>
</head>


<body>
<div>日历的效果</div>

出生日期<input type="text" id="startTime"  />


</body>
</html>