Javascript : jquery-ui datepicker 示例
商绍元
from http://jqueryui.com/datepicker/
date1.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>日期选择器：datepicker</title>
<meta name="keywords" content="jquery, datepicker" />
<meta name="description" content="jquery ui 示例" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
<style type="text/css">
body{height:100%; font:12px/18px Tahoma, Helvetica, Arial, Verdana, "\5b8b\4f53", sans-serif; color:#51555C;}
img{border:none}
input{width:200px; height:20px; line-height:20px; padding:2px; border:1px solid #d3d3d3}
pre{padding:6px 0 0 0; color:#666; line-height:20px; background:#f7f7f7}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript">
$(function(){
$('#date1').datepicker({dateFormat: 'yymmdd', showMonthAfterYear: true });
});
</script>
</head>
<body>
<div class="demo">
<h4>1、只选择日期：</h4>
<p><input type="text" id="date1" name="date1" /></p>
<pre>
$('#date1').datepicker();
</pre>
</div>
</body>
</html>
类似资料：