jquery【插件】 datepicker插件的使用

直接看代码:

代码中引用的所有js文件已打包(见附件1)。jquery-1.6.2.js除外。因为这个跟datepicker没直接关系。
如果想显示中文,直接加上附件2,就行了。

<title>jQuery UI Datepicker - Default functionality</title>

	<link rel="stylesheet" href="../jquery-ui/css/jquery.ui.all.css">
	<script src="../jquery-ui/jquery-1.6.2.js"></script>
	<script src="../jquery-ui/jquery.ui.core.js"></script>
	<script src="../jquery-ui/jquery.ui.widget.js"></script>
	<script src="../jquery-ui/jquery.ui.datepicker.js"></script>
<!--  显示中文  -->
<script src="../jquery-ui/jquery.ui.datepicker-zh-CN.js"></script>
    
	<script>
	
	$(function() {
		$("#datepicker" ).datepicker();
	});
	$(document).ready(function(){
		//alert("fs");
		//$("#datepicker" ).datepicker();
		$("#button").click(function(){
			alert($("#datepicker").val());						
		});
		
	});
	</script>
    
</head>

<body>
<div class="demo">


<input type="text" id="datepicker" />
<input type="button" id="button" value="show" /> 
</div><!-- End demo -->




一些参数设置:
$("#datepicker").datepicker({
	minDate: new Date()
});


注:jqueryui插件下载地址
http://jqueryui.com/download

你可能感兴趣的:(Datepicker)