微微工作室

1、下载datepicker轻量级插件:

官网http://jqueryui.com/download下载jquery-ui压缩包（可以选择喜欢的theme），里面就包含对datepicker的支持，当然您也可以到网站http://marcgrabanski.com/pages/code/jquery-ui-datepicker下载datepicker，包括ui.core.js和ui.datepicker.js。

2.在HTML中引用下载下来的两个js：

<script language=”javascript” src=”js/jquery-1.2.6.min.js”></script>

<script language=”javascript” src=”js/ui.datepicker.js”></script>

3.在HTML中引入默认样式表文件，这个文件也在刚刚的压缩包中，如果在官网下载，首页就有这个CSS文件下载，也可选择其他皮肤的CSS：

<link rel=”stylesheet” href=”js/ui.datepicker.css” type=”text/css” media=”screen” title=”core css file” charset=”utf-8″ />

4.在HTML中插入文本域，最好设置成只读，不接受用户的手动输入，防止格式混乱，以id标记好。

<input id=”inputdate” type=”text” readonly=”readonly”/>

5.编写js代码，实现最终效果。

<script language=”javascript”>

$(document).ready(function() {

$(‘#inputdate’).datepicker();

});

</script>